<div class="card-container">
  <div class="card">
    <div class="front">

      <h1 class="title">
        They trust us
      </h1>
      <img class="image" src="https://i.imgur.com/MnTTXtj.png" alt="">
    </div>
    <div class="back">
      <h1 class="synopsis" style="color:black; margin-top:-30px;">Reviews</h1>
      <div style="color:black; margin-top:-60px;"><img src="https://i.imgur.com/63Aby6o.png"></div>

  </div>
</div>



.card-container {
    -webkit-perspective: 1000;
    perspective: 1000;
    margin: 0 auto 50px;
    width: 390px;
}

.card {
    z-index: -99999;
    position: relative;
    width: 330px;
    height: 450px;
    background: white;
    border-radius: 5px;
    box-shadow: 0 40px 110px rgba(0, 0, 0, 0.45);
    overflow: hidden;
    transition: 0.5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    margin-left: 320px;
    margin-top: -490px;
}

.front, .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    padding: 30px;
    box-sizing: border-box;
    transition-delay: 0.15s;
    transition: 0;
}


.back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    opacity: 0;
    padding-top: 60px;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    background: #333741;
    color: white;
}