.bgexpedition {
    position: relative;
    overflow: hidden;
}

.single-bg {
    width: 100%;
    height: 100vh; /* Voit muuttaa korkeuden sopivaksi */
    background-size: cover;
    background-position: center;
    animation: fadeInZoom 10s ease-in-out;
}

/* Häivytys- ja zoomaustehoste */
@keyframes fadeInZoom {
    0% {
        opacity: 0;
        transform: scale(1.1); /* Aloittaa hieman zoomattuna */
    }
    20% {
        opacity: 1; /* Kuva näkyy täysin jo 20% kohdalla */
        transform: scale(1); /* Zoomaa normaaliin kokoon */
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}