.c5-figure{
  display: table;
  width: 100%;
}
  .c5-figure__main{
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding-right: 20px;
  }
  .c5-figure__image{
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding: 20px;
    background: #f3f4f6;
  }
    .c5-figure__imageBody{
      background: #fff;
    }
    .c5-figure__imageExplanation{
      padding: 10px 20px;
    }
    .c5-figure__image img{
      width: auto;
      height: auto;
      max-width: 100%;
    }
@media screen and (max-width: 1045px) {
    .c5-figure{
      display: block;
      width: auto;
    }
      .c5-figure__main{
        display: block;
        width: auto;
        vertical-align: top;
        padding-right: 0;
      }
      .c5-figure__image{
        display: block;
        width: auto;
      }

}
@media screen and (max-width: 767px){
  .c5-figure{
    display: block;
    width: auto;
  }
    .c5-figure__main{
      display: block;
      width: auto;
      vertical-align: top;
      padding-right: 0;
    }
    .c5-figure__image{
      display: block;
      width: auto;
    }

}