.quote-image-background__bg {
  top: 0;
  left: 0
}
.quote-image-background__bg::before {
  content: "";
  background: var(--dark-50);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.quote-image-background .quote-text {
  max-width: 73.6rem
}
.quote-variation .quote-text__author {
  font-size: var(--headline-m-font-size);
  line-height: var(--headline-m-line-height);
  font-weight: 600;
}
.quote-variation__image {
  position: relative;
  display: flex;
  align-items: flex-end;
}

@media (min-width:768px) {
  .swiper-initialized .quote-variation__banner-image.swiper .swiper-slide {
    padding: 2rem 0;
  }

  .quote-image-background__wrapper {
    position: relative
  }
  .image-text-quote__image {
    min-height: 60rem
  }

  .quote-variation__carosuel-lines{
    bottom: 3rem;
  }  
}

.quote-variation__carosuel-lines{
  bottom: 0.8rem;
  position: absolute;
}

.quote-variation__banner-image {
  position: relative;
  display: flex;
  flex-direction: column;
}

.left-quote .quote-variation__image::before , .right-quote .quote-variation__image::before{
  position: absolute;
  content: url('../~/media/Images/I/inchcape/Corp/body-content/quote/quote-pattern-primary-1');
  top: 0rem;
  z-index: -1;
}
.left-quote .quote-variation__image::before {
  left: -1px;
}
.right-quote .quote-variation__image::before {
  right: -1px;
}

@media (min-width:1200px) {
  .quote-variation__carosuel-lines{
    bottom: 3.8rem;
  }
  .quote-variation .bg-primary-1::before {
    position: absolute;
    content: url('../~/media/Images/I/inchcape/Corp/body-content/quote/quote-variation-bg-image');
    left: auto;
    right:0;
    opacity: .3;
    overflow:clip;
    top:0;
    bottom:0;
  }
  .left-quote .quote-variation__image::before,
  .right-quote .quote-variation__image::before {
    top: 6.6rem;
  }
  .quote-variation .quote-variation__img img {
    min-height: 63.8rem; 
  }
  .quote-variation__image {
    position: relative;
    height: 66.2rem;
  }
}

@media (max-width:576px){
  .quote-variation__img{
    max-width : 304px;
    margin-bottom: var(--sm-1);
  }

  .left-quote .quote-variation__image::before {
    top: 0rem;
  }
  .quote-variation__carosuel-lines{
    position: relative;
    margin: 0 auto;
  }

}

@media (max-width:767px){
  .quote-variation .bg-primary-1::before {
    position: absolute;
    content: url('../~/media/Images/I/inchcape/Corp/body-content/quote/quote-variation-bg-image');
    left: auto;
    right:0;
    opacity: .3;
    overflow:clip;
    top:0;
    bottom:0;
  }
}

.quote-variation__banner-image.swiper .swiper-wrapper {
  flex-direction: row
}


.quote-variation__banner-image--reverse .swiper-wrapper {
  flex-direction: row-reverse
}
.quote-variation__banner-image--reverse .quote-variation__carosuel-lines {
  left: auto;
  right: 2rem
}
.quote-variation__banner-image--reverse::before {
  left: auto;
  right: 25%
}
.quote-variation__banner-image--reverse .quote-variation__image::after {
  left: auto;
  right: 0
}


.quote-variation.bg-secondary-5:before{
  content:unset;
}


@media (min-width: 1200px) {
  #nancy-soto .bg-primary-1::before {
    position: absolute;
    content: url('../~/media/Images/I/inchcape/Corp/body-content/quote/nancy-soto-background');
    left: auto;
    right: 0;
    opacity: .3;
    overflow: clip;
    top: 0;
    bottom: 0;
  }
}

@media (min-width: 1200px) {
  .bg-primary-1 .quote-variation__image::before { 
    position: absolute;
    content: url('../~/media/Images/I/inchcape/Corp/body-content/quote/nancy-soto-pattern');
/*     left: 50%; */ 
    z-index: -1;
  }

  .quote-variation__banner-image{
    height: 66.2rem;
  }
}

@media (min-width: 1200px) {
  #helen-cunningham .quote-variation__image::before {
    position: absolute;
    content: url('../~/media/Images/I/inchcape/Corp/body-content/quote/helen-svg-dot');
    left: 50%;
    z-index: -1;
  }
}