.testimonial-block{
  display:flex;
  flex-direction:row;
  gap:15px;
  align-items:flex-start;
  width:860px;
  position:relative;

}
.testimonial-block:before{
  content:"";
  background-image:blue;
  width:calc(100% * 6.5/ 8);
  height:0;
  padding-bottom:40%;
  position:absolute;
  right:0;
  top:0;
  z-index:-1;

  background-image: url(/wp-content/themes/pearl-and-dean/img/testimonal-bg.svg);
  background-size: contain;
  background-repeat: no-repeat;

}
.testimonial-block picture{
  flex:0 0 calc(100% * 3 / 8 - 12px);
  width:100%;
  height:0;
  padding-bottom:calc(124% * 3 / 8 - 12px);
  position:relative;
  margin-top:3%;
  background: #005883;
  overflow:hidden;

}

.testimonial-block picture:after{
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.38;
  background-image: radial-gradient(at 75% 110%, #FFFDFC -40%, #005883 70%);
  z-index: 0;
}
.testimonial-block picture:before{
  content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      opacity: 0.1;
      background-image: radial-gradient(at 80% 55%, #FFFDFC 47%, #005883 100%);
      z-index: -1;
}

.testimonial-block picture img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:drop-shadow( -30px  30px 10px rgba(0,0,0,0.15));
  z-index: 2;
}

.testimonial-block .text{
  flex:0 0 calc(100% * 5 / 8 - 30px);
  text-align:right;
}
.testimonial-block .text blockquote{
  margin:0;
  padding:0;
}
.testimonial-block .text blockquote p{
  font-family: "abril-fatface", serif;
  font-weight:400;
  font-size: 48px;
  color: #005883;
  text-align: right;
  line-height: 48px;
  margin:50px 0 0;
}
.testimonial-block .text blockquote + p.attrib{
  text-align:right;
  font-weight:500;
  font-size: 18px;
  letter-spacing: 0.006em;
  text-transform:uppercase;
  line-height: 24px;
}
.testimonial-block .text blockquote + p.attrib a{
  display:block;
  font-weight:500;
  font-size: 14px;
  letter-spacing: 0.69px;
  line-height: 26px;
  color:#2D2D2D;
  text-decoration:none;
}
.testimonial-block .text blockquote + p.attrib a cite{
  font-style:normal;
  color: #005883;

}
.testimonial-block .text p.fuller{
  font-size: 18px;
  color: #242424;
  letter-spacing: -0.45px;
  line-height: 26px;
  margin-left:30px;
  text-align:left;
}


@media screen and (max-width: 1000px) {

  .testimonial-block:before{
    calc(100% * 7/ 8)
  }
  .testimonial-block picture{
    padding-bottom:calc(200% * 3 / 8 - 12px);
  }
  .testimonial-block .text{
    flex:0 0 calc(100% * 5 / 8 - 10px);
  }
  .testimonial-block .text blockquote p{
    font-size: 24px;
    line-height: 28px;
    margin: 10px 0 0;
  }
  .testimonial-block .text p.fuller{
    font-size: 14px;
    letter-spacing: -0.33px;
    line-height: 21px;
    margin-left: 0;
  }
  .testimonial-block .text blockquote + p.attrib,
  .testimonial-block .text blockquote + p.attrib a{
    font-size:12px !important;
    line-height:14px !important;
  }
}