@media (max-width: 900px) {
    section {
        flex-direction: column;
        margin: auto;
    }
}

#section1 .textdiv {
    padding: 100px; 
    text-align: center; 
    border: 2px solid white;
    max-width: 600px;;
}

#first-image {
    object-fit: cover; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: -1; 
    opacity: 0.3;
    object-fit: cover;
    object-position: center;
    max-height: 60vh;
    filter: blur(8px);
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -o-filter: blur(8px);
    -ms-filter: blur(8px);
}

#second-image {
    object-fit: cover; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: -1; 
    opacity: 0.3;
}