.cover {
    width: 100%;
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: background-image 1s ease-in-out;
    background-image: url(../img/cover.webp);
    display: flex;
    justify-content: center;
    align-items: end;
}

@media (max-width: 900px) {
    .cover {
        height: calc(100vh - 71px);
        background-color: #5c8166;
        background-size: contain;
    }
}