/*ABOUT*/
/* Slideshow container */
.sec-1-slideshow {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* behind content */
    overflow: hidden; /* hide overflowing image */
}

/* Slideshow images */
.sec-1-slideshow img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

/* Show active image */
.sec-1-slideshow img.active {
    opacity: 1;
}

/* Gradient overlay */
.sec-1-slideshow::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.8));
    pointer-events: none;
    z-index: 1; /* overlay above images but below content */
}

.sec-1-slideshow img.active {
    opacity: 1;
    animation: zoomIn 20s ease-in-out infinite alternate;
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.5); /* Zoom in slightly */
    }
}
/*----------*/

/*COMMUNITY*/
/* Slideshow container */
.community-slideshow {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* behind content */
    overflow: hidden; /* hide overflowing image */
}

/* Slideshow images */
.community-slideshow img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

/* Show active image */
.community-slideshow img.active {
    opacity: 1;
}

/* Gradient overlay */
.community-slideshow::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 255, 85, 1), rgba(0, 160, 131, 0.8));
    pointer-events: none;
    z-index: 1; /* overlay above images but below content */
}

.community-slideshow img.active {
    opacity: 1;
    animation: zoomIn 20s ease-in-out infinite alternate;
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.5); /* Zoom in slightly */
    }
}
/*----------*/


/*COLLABORATION*/
/* Slideshow container */
.collaboration-slideshow {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* behind content */
    overflow: hidden; /* hide overflowing image */
}

/* Slideshow images */
.collaboration-slideshow img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

/* Show active image */
.collaboration-slideshow img.active {
    opacity: 1;
}

/* Gradient overlay */
.collaboration-slideshow::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgb(251, 255, 0), rgb(255, 255, 255, 0.8));
    pointer-events: none;
    z-index: 1; /* overlay above images but below content */
}

.collaboration-slideshow img.active {
    opacity: 1;
    animation: zoomIn 20s ease-in-out infinite alternate;
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.5); /* Zoom in slightly */
    }
}
/*----------*/