@keyframes slideBackground {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%); /* Move half height to create seamless loop */
    }
}

.kt-inside-inner-col:has(.background-slider), .kt-row-column-wrap:has(.background-slider) {
    position: unset;
}
.kb-row-layout-wrap:has(.background-slider) {
    overflow: hidden;
}
.kt-inside-inner-col:has(.background-slider) *:not(.background-container, .background-container *) {
    position: relative;
    z-index: 9999;
}

 .background-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0.2;
      }
  
      & .background-slider {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 200%; /* Extra tall to accommodate all images */
        animation: slideBackground 60s linear infinite;
		overflow: hidden;
      }
  
      & .background-image {
        position: absolute;
        border-radius: 4px;
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        max-width: 40%;
        max-height: 12%;
      }
  
      & .background-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }