#pk_flex_content .flex_layout.over_zgem {
  padding: 0px 0px 0px 0px;
  max-width: 100%;
}

#pk_flex_content .flex_layout.over_zgem .flex_container_inner {
  padding-inline: max(40px, calc((100vw - 1350px) / 2));
  padding-block: 80px;
}

#pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper {
  display: flex;
  align-items: stretch;
  gap: 24px;
  position: relative;
}

#pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper .content {
  width: 55%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 60px;
  border-radius: var(--zgem-radius-big);
  background-color: var(--zgem-flex-green-default);
}

#pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper .content * {
  color: var(--zgem-flex-white);
}

#pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper .content .text {
  max-width: 90%;
}

#pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper .content .links {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper .content .links a {
  width: 100%;
  max-width: 430px;
}

#pk_flex_content .flex_layout.over_zgem .stacked-images {
    width: 45%;
    position: relative;
    height: auto;
    min-height: 600px;
}

#pk_flex_content .flex_layout.over_zgem .stacked-images {
    position: relative;
    width: 45%;
    aspect-ratio: 1/1.2; /* Match the main image ratio */
}

#pk_flex_content .flex_layout.over_zgem .stacked-images img {
    object-fit: cover;
    object-position: center;
    border-radius: var(--zgem-radius-big);
}

#pk_flex_content .flex_layout.over_zgem .stacked-images .overlay-img-1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    aspect-ratio: 1/1.2;
    width: 85%; /* Use width instead of max-width for consistency */
    height: auto;
}

#pk_flex_content .flex_layout.over_zgem .stacked-images .overlay-img-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    aspect-ratio: 1;
    width: 45%;
    height: auto;
}

#pk_flex_content .flex_layout.over_zgem .stacked-images .shapes {
  position: absolute;
  bottom: 0px;
  left: 0px;
  transform: translate(calc(-10% - 50px), 24px);
  z-index: 1;
}

@media screen and (max-width: 1200px) {

  #pk_flex_content .flex_layout.over_zgem .stacked-images .overlay-img-1 {
    width: unset;
    max-height: 80%;
  }
  
}

@media screen and (max-width: 992px) {
  
  
  #pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper {
    flex-direction: column;
    align-items: start;
    gap: 24px;
  }
  
  #pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper .content {
    padding: 24px;
  }
  
  #pk_flex_content .flex_layout.over_zgem .over_zgem_wrapper .content, #pk_flex_content .flex_layout.over_zgem .stacked-images {
    width: 100%;
  }
  
  #pk_flex_content .flex_layout.over_zgem .stacked-images .overlay-img-1 {
    aspect-ratio: 1/1.2;
    width: unset;
    height: 80%;
  }
  
  #pk_flex_content .flex_layout.over_zgem .stacked-images .overlay-img-2  {
    aspect-ratio: 1/1.4;
    width: unset;
    height: 40%;
  }
  
}


@media screen and (max-width: 992px) {
  
  #pk_flex_content .flex_layout.over_zgem .flex_container_inner {
    padding: 40px 20px;
  }
  
}

@media screen and (max-width: 767px) {
  
  #pk_flex_content .flex_layout.over_zgem .stacked-images .shapes {
    width: 40%;
    transform: translate(0px, 0px);
  }
  
}