/** Shopify CDN: Minification failed

Line 52:12 Unexpected "{"
Line 52:21 Expected ":"
Line 57:12 Unexpected "{"
Line 57:21 Expected ":"
Line 57:28 Unexpected "{"
Line 58:13 Expected identifier but found whitespace
Line 58:15 Unexpected "{"
Line 58:24 Expected ":"
Line 58:53 Expected ":"
Line 63:12 Unexpected "{"
... and 13 more hidden warnings

**/
.m-image-with-text__image-wrapper{position:relative;overflow:hidden}.m-image-with-text--multiple{display:flex;align-items:center;justify-content:center;column-gap:5%;height: -webkit-fill-available;}.m-image-with-text--multiple .m-image-with-text__image-first{flex:0 0 55%}.m-image-with-text--multiple .m-image-with-text__image-second{flex:0 0 40%}.m-image-with-text--multiple.m-image-with-text--layer{display:block}.m-image-with-text--reverse{flex-direction:row-reverse}.m-image-with-text--layer .m-image-with-text__image-first{padding-right:30%}.m-image-with-text--layer .m-image-with-text__image-second{width:40%;position:absolute;right:0;top:var(--offset-top, 0)}.m-image-with-text--right.m-image-with-text--layer .m-image-with-text__image-first{padding-right:0;padding-left:30%}.m-image-with-text--right .m-image-with-text__image-second{right:auto;left:0}.m-image-with-text--move-up-down .m-image-with-text__image-first{transition:all var(--m-duration-default);animation:mMoveUpDown 3s linear infinite alternate}.m-image-with-text--move-up-down .m-image-with-text__image-second{transition:all var(--m-duration-default);animation:mMoveUpDownReverse 2s linear infinite alternate}


.m-image-with-text__image-second.m-hover-box.m-hover-box--scale-up.m\:blocks-radius {
    position: absolute;
    top: 0rem;
    right: 0;
    width: 55%;
    height: 86%;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    border-radius: 30px;
    will-change: transform;
    transition: transform 0.1s ease-out;
    margin: 0;
}
.m-image-with-text--multiple .m-image-with-text__image-second {
    flex: 0 0 40%;
}
.m-image-with-text--multiple .m-image-with-text__image-first {
    flex: 0 0 55%;
}
.m-image-with-text__image-first.m-hover-box.m-hover-box--scale-up.m\:blocks-radius {
    position: relative;
    left: -18%;
    bottom: 0;
    z-index: 2;
    width: 55%;
    height: 85%;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    top: 2rem;
    border-radius: 30px;
    margin: 0;
}
.m-section-{{ section.id }} responsive-image.m-image-loaded {
    background-color: #0000;
    height: -webkit-fill-available;
}
/* Height adjustments */
.m-section-{{ section.id }} {
  min-height: {{ section.settings.section_height }}px;
  display: flex;
  align-items: center;
}

.m-section-{{ section.id }} .m-image-with-text__image {
  height: {{ section.settings.image_container_height }}px;
}

.m-section-{{ section.id }} .m-image-with-text__image-first,
.m-section-{{ section.id }} .m-image-with-text__image-second {
  height: 100%;
  object-fit: cover;
}

.m-section-{{ section.id }} .m-image-with-text__image-first img,
.m-section-{{ section.id }} .m-image-with-text__image-second img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Control the overall section height */
.m-image-with-text {
  min-height: 600px; /* Adjust this value */
  display: flex;
  align-items: center;
}

/* Control image container height */
.m-image-with-text__image {
  height: 500px; /* Adjust this value */
}

/* Make images fill the container properly */
.m-image-with-text__image-first,
.m-image-with-text__image-second {
  height: 100%;
  overflow: hidden;
}

.m-image-with-text__image-first img,
.m-image-with-text__image-second img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* For overlapping images layout */
.m-image-with-text--layer {
  height: 100%;
  min-height: 500px; /* Adjust this */
}

.m-image-with-text--layer .m-image-with-text__image-first {
  height: 80%; /* First image takes 80% of container height */
}

.m-image-with-text--layer .m-image-with-text__image-second {
  height: 60%; /* Second image takes 60% of container height */
}
/* Control image aspect ratio */
.m-image-with-text__image-first {
  aspect-ratio: 4/5; /* Adjust this ratio */
}

.m-image-with-text__image-second {
  aspect-ratio: 3/4; /* Adjust this ratio */
}

.m-image-with-text__image-first img,
.m-image-with-text__image-second img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Default height for desktop */
.m-image-with-text {
  min-height: 600px;
}

/* Tablet height */
@media (max-width: 1024px) {
  .m-image-with-text {
    min-height: 500px;
  }
}

/* Mobile height */
@media (max-width: 768px) {
  .m-image-with-text {
    min-height: auto; /* Auto height on mobile */
    padding: 40px 0;
  }
  
  .m-image-with-text__image {
    height: 350px; /* Fixed height for images on mobile */
  }
}