.two-image-background-container {
  position: relative;
  isolation: isolate;
}
.two-image-background-container::before, .two-image-background-container::after {
  top: 0;
  height: 100%;
  width: 25%;
  z-index: -1;
  position: absolute;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.two-image-background-container::before {
  content: "";
  background-image: var(--bg-img-left);
  left: 0;
  background-position-x: right;
}
.two-image-background-container::after {
  content: "";
  background-image: var(--bg-img-right);
  right: 0;
  background-position-x: left;
}
@media (max-width: 767px) {
  .two-image-background-container > .container {
    max-width: 60%;
  }
  .two-image-background-container::before, .two-image-background-container::after {
    width: 20%;
  }
}
@media (max-width: 500px) {
  .two-image-background-container > .container {
    max-width: calc(60% + 20px);
  }
  .two-image-background-container::before {
    content: "";
    background-image: var(--bg-img-left-mobile, var(--bg-img-left));
  }
  .two-image-background-container::after {
    content: "";
    background-image: var(--bg-img-right-mobile, var(--bg-img-right));
  }
}
@media (max-width: 500px) {
  .two-image-background-container.top-bottom > .container {
    padding-top: var(--top-height, 100px);
    padding-bottom: var(--bottom-height, 100px);
    max-width: 100%;
  }
  .two-image-background-container.top-bottom > .container .flex-col {
    padding-inline: 0;
  }
  .two-image-background-container.top-bottom::before {
    left: 0;
    right: 0;
    top: 0;
    bottom: unset;
    width: 100%;
    height: var(--top-height, 100px);
    background-position-x: center;
    background-position-y: bottom;
  }
  .two-image-background-container.top-bottom::after {
    left: 0;
    right: 0;
    top: unset;
    bottom: 0;
    width: 100%;
    height: var(--bottom-height, 100px);
    background-position-x: center;
    background-position-y: top;
  }
}

/*# sourceMappingURL=two-image-background-container.css.map */