.single-image.width-large {
  max-width: 144rem;
}

.single-image.width-medium {
/*   max-width: 136rem; */
	padding: 0 4rem;
}

.single-image.width-medium img,
.single-image.width-large img{
	width: 100%;
}

.single-image.height-x-large,
.single-image.height-x-large img{
  max-height: 63.8rem;
	object-fit: cover;
}

.single-image.height-large,
.single-image.height-large img{
  max-height: 56rem;
}

.single-image.height-medium,
.single-image.height-medium img{
  max-height: 46rem;
}

.single-image.height-small,
.single-image.height-small img{
  max-height: 38rem;
}

.rak-images-widget.layout-layout2,
.rak-images-widget.layout-layout3{
    display: flex;
    justify-content: center;
}

.two-images-row.layout-2 {
    display: flex;
    max-width: 136rem;
    height: 38rem;
    align-items: flex-start;
    gap: 3.2rem;
}

.image-half {
    flex: 1 0 0;
    align-self: stretch;
}

.image-half img {
    aspect-ratio: 664 / 380;
	height: 38rem !important;
}

.two-images-row.layout-3{
	padding: 0 4rem;
	display: flex;
/* 	width: 136rem; */
	max-height: 38rem;
	align-items: flex-start;
	gap: 3.2rem;
}

.image-one-third{
	width: 32.38%;
	height: 100%;
	flex-shrink: 0;
}

.image-two-thirds{
	flex: 1 0 0;
	align-self: stretch;
	height: 100%;
}

.image-two-thirds img {
    width: -webkit-fill-available;
}

.image-one-third img,
.image-two-thirds img{
	height:100% !important;
}

.three-images-row.layout-4 {
    display: flex;
    max-width: 136rem;
    height: 38rem;
    align-items: flex-start;
    gap: 3.2rem;
}

.image-third img {
    height: 380px;
    width: 430px;
	object-fit: cover;
    aspect-ratio: 84 / 75;
  }

@media (max-width: 576px) {
  .single-image.width-large {
    max-width: 100%; /* Full width on mobile */
  }

  .single-image.width-medium {
    max-width: 100%;
    padding: 0 2rem;
  }

  .single-image img {
    width: 100%;
    height: auto ; /* Allow images to scale naturally */
	
  }



  .single-image.height-x-large,
  .single-image.height-x-large img {
/*     max-height: 32rem; /* Reduced from 63.8rem */ */
	min-height: 20rem;
  }

  .single-image.height-large,
  .single-image.height-large img {
/*     height: 36rem; */
	min-height: 20rem;
  }

  .single-image.height-medium,
  .single-image.height-medium img {
    max-height: 22rem;
	min-height: 20rem;
  }

  .single-image.height-small,
  .single-image.height-small img {
    max-height: 18rem;
  }

  .rak-images-widget.layout-layout2,
  .rak-images-widget.layout-layout3 {
    flex-direction: column;
    align-items: center;
  }

  .two-images-row.layout-2 {
    flex-direction: column;
    height: auto;
    max-width: 100%;
    gap: 1.6rem;
    padding: 0 2rem;
  }

  .image-half {
    width: 100%;
    height: auto;
  }

  .image-half img {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto; /* Let the image resize naturally */
  }

  .two-images-row.layout-3 {
    flex-direction: column;
    max-height: none;
    gap: 1.6rem;
    padding: 0 2rem;
  }

  .image-one-third,
  .image-two-thirds {
    width: 100%;
    height: auto;
  }

  .image-one-third img,
  .image-two-thirds img {
    width: 100%;
    height: auto !important;
  }
}