.banner{
    width:100vw;
    height:90vh;
}

.banner-img{
    width:inherit;
    transition-property: opacity, right;
    transition-duration: 1s, 20s;
    transition-timing-function: linear;
}

.banner-signature{
    width: 100%;
    height: 100%;
    position:absolute;
    z-index: 4;
    display: flex;
}

.banner-signature a{
    width:500px;
    height: 250px;
    margin:auto;
}

.banner-signature img{
    width: 100%;
}

.slide{
    width:inherit;
    height: inherit;
    position: absolute;
    overflow-x: clip;
    overflow-y:visible;
}

.slide:last-of-type{
    background: red;
}

@media (max-height: 700px){
    .banner-img{
        width:150vw;
        position:relative;
        right:100px;
    }
}

@media (max-width:900px) {

    .banner{
        height:75vh;
    }
    
    .banner-img{
        width:300vw;
        position:relative;
        right:250px;
    }
    .banner-signature a{
        width:100vw;
    }

    .slide{
        top:-5%;
    }
}