/**
* Block Name: image_pair
*/

section.image_pair .image_wrapper {
  width: 100%;
  position: relative;
  min-height: 255px;
  overflow: hidden;
  border-radius: 20px;
}

section.image_pair .image_wrapper.image_right {
  margin-left: -120px;
}

section.image_pair .image_wrapper img {
  width: 100%;
  height: auto;
  display: block;
  clip-path: url(#clipLeft);
  -webkit-clip-path: url(#clipLeft);
}

section.image_pair .image_wrapper.image_right img {
  clip-path: url(#clipRight);
  -webkit-clip-path: url(#clipRight);
}

@media (max-width: 1396px) {
  section.image_pair .image_wrapper.image_right {
    margin-left: -100px;
  }
}

@media (max-width: 1199px) {
  section.image_pair .image_wrapper.image_right {
    margin-left: -70px;
  }
}

@media (max-width: 992px) {
  section.image_pair .image_wrapper.image_right {
    margin-left: -50px;
  }
}

@media (max-width: 767px) {
  section.image_pair .col-lg-12 {
    flex-wrap: wrap;
    gap: 30px;
  }

  section.image_pair .image_wrapper {
    width: 100%;
    aspect-ratio: 2/1;
    min-height: 0;
  }

  section.image_pair .image_wrapper img {
    height: 100%;
  }

  section.image_pair .image_wrapper.image_right {
    margin-left: 0;
  }
  section.image_pair .image_wrapper.image_left img,
  section.image_pair .image_wrapper.image_right img {
    clip-path: none;
    -webkit-clip-path: none;
  }
}