.homeScreenImg{
    height: 100vh;
    width: 100vw;
    object-fit: cover;
}
.homeScreenImgres{
display: none;
}
body{
    overflow-y: hidden;
}
@media screen and (max-width: 768px) {
    .navigation{
        flex-direction: column !important;
        text-align: center !important;
    }
    .homeScreenImg{
        display: none;
    }
    .homeScreenImgres{
        display: block;
        height: 100vh;
        width: 100vw;
        object-fit: cover;

    }
}