{% scope_css %}

/* Style for border-radius and shadow, if set in the module */
{% if module.style.image_border_radius.overwrite %}
.about-us-gallery .gallery-thumbnail .thumbnail img {
  border-radius: px;
  box-shadow: 0 30px 90px 0 rgba(26, 46, 85, 0.1);
  margin: 0 auto;
}
{% endif %}

/* Parent container with fixed size */
.about-us-gallery .gallery-thumbnail {
  position: relative;
  height: 500px;
  width: 500px;
}

.gallery-thumbnail {
  padding: 0 25px !important;
}

/* Both images will have the same dimensions */
.about-us-gallery .gallery-thumbnail .thumbnail img {
  position: absolute;
  height: 485px;
  width: 378px;
  object-fit: cover;  /* Ensure the images cover the set dimensions without distortion */
}

/* Top image: placed at the bottom with lower z-index */
.about-us-gallery .gallery-thumbnail .thumbnail.thumbnail-1 img {
  bottom: 50px;
  left: 0;
  z-index: 1;
}

/* Bottom image: placed above the top image with higher z-index */
.about-us-gallery .gallery-thumbnail .thumbnail.thumbnail-2 img {
  bottom: 0;
  right: 200px;
  top: 250px;
  z-index: 2;
  background-color: rgba(, );
}

/* Base styling for the gallery container */
.about-us-gallery {
  position: relative;
  z-index: 1;
}

{% end_scope_css %}