body {
    background-image:
        radial-gradient(circle 8vw at 50% 65%, rgba(255, 143, 87, 0.5) 0%, transparent 100%),
        radial-gradient(circle 16vw at top right, #343434 0%, transparent 100%),
        radial-gradient(circle 50px at 75% 30%, rgba(255, 95, 15, 0.9) 0%, transparent 100%),
        radial-gradient(circle 6vw at 60% 30%, rgb(55, 55, 55) 0%, transparent 100%),
        radial-gradient(circle 10vw at 85% 60%,  rgba(90, 90, 90, 0.868) 0%, transparent 100%);
    background-repeat: no-repeat;
}
.foto_main_container_sm {
    width: 80%;
    margin-top: 2%;
}
.foto_main_container,
.foto_main_container_reverse {
    width: 80%;
    height: min-content;
    margin-top: 3%;
    display: flex;
    justify-content: space-between;
}
.foto_main_container h3,
.foto_main_container_reverse h3{
    color: var(--primary-text-color);
} 
.foto_main_container_cards {
    flex-direction: column;
}
.slider1_content, .slider2_content, .slider3_content {
    width: 48%;
}
.slider1, .slider2, .slider3 {
    width: 48%;
}
.slider1_images, .slider2_images, .slider3_images {
    overflow: hidden;
    border: 3px solid whitesmoke;
    border-radius: 10px;
}
#idSlide1, #idSlide2, #idSlide3 {
    width: 100%;
    margin-bottom: -5px;
    padding: 0;
    border-radius: 1px;
}
.foto_main_content_text {
    width: 100%;
}

@media (max-width:800px) {
    body {
        background-image:
            radial-gradient(circle 8vw at 50% 65%, rgba(255, 143, 87, 0.5) 0%, transparent 100%),
            radial-gradient(circle 8vw at 25% 8%, rgba(255, 143, 87, 0.5) 0%, transparent 100%),
            radial-gradient(circle 16vw at top right, #343434 0%, transparent 100%),
            radial-gradient(circle 50px at 75% 30%, rgba(255, 95, 15, 0.9) 0%, transparent 100%),
            radial-gradient(circle 50px at 30% 10%, rgba(255, 95, 15, 0.9) 0%, transparent 100%),
            radial-gradient(circle 6vw at 60% 30%, rgb(55, 55, 55) 0%, transparent 100%),
            radial-gradient(circle 6vw at 30% 15%, rgb(55, 55, 55) 0%, transparent 100%),
            radial-gradient(circle 10vw at 85% 60%,  rgba(90, 90, 90, 0.868) 0%, transparent 100%),
            radial-gradient(circle 10vw at 42% 30%,  rgba(90, 90, 90, 0.868) 0%, transparent 100%);
    }
    .foto_main_container {
        margin-top: 3%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .foto_main_container_reverse {
        margin-top: 3%;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .slider1_content, .slider2_content, .slider3_content {
        position: sticky;
        top: 6vh;
        width: 100%;
        max-height: min-content;
        z-index: -1;
    }
    #idBusiPort_btn, #idImagePics_btn, #idInterPics_btn {
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
        text-align: center;
    }
    .slider1, .slider2, .slider3 {
        position: relative;
        width: 100%;
        margin-bottom: 30%;
        z-index: 5;
    }
}