img{
    object-fit: cover;
}
body{
    overflow-x: hidden;
}

#home{
    position: relative;
}
#home::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #111111b6;
    z-index: 1;
}
#home>div{
    position: relative;
    z-index: 2;
}
@media screen and (max-width:1280px) {
    header>div{
        flex-direction: column;
        gap: 20px;
    }
}
@media screen and (max-width:770px) {
    header>div{
        flex-direction: row;
        gap: 20px;
    }
}