#vidServices{
    width:100%;
    filter: grayscale(100%);

    height: auto;
}

@media screen and (max-width: 1080px) {
    #vidServices{
        width:auto;
        
    
        height: auto;
    }
   
}


.logo-wrap a img{
    width: 3.7rem;
    height: 3.5rem;
}

.posters{
    width: 100%;
    height: 100vh;
    
    display: flex;
    align-items: center;
    justify-content: center;

}

.posters img{
    width: 10%;
    position: absolute;
    z-index: 100;
    border-radius: 20px;
    border:1px solid rgb(255, 255, 255);
    box-shadow: 0px 0px 20px rgb(255, 255, 255);
    animation: backwards;
  
}

@media screen and (max-width: 1080px) {
    .posters img{
        width: 14%;
        position: absolute;
        z-index: 100;
        border-radius: 20px;
        border:1px solid rgb(255, 255, 255);
        box-shadow: 0px 0px 20px rgb(255, 255, 255);
        animation: backwards;
      
    }
    
}

@media screen and (max-width: 970px) {
    .posters img{
        width: 15%;
        position: absolute;
        z-index: 100;
        border-radius: 20px;
        border:1px solid rgb(255, 255, 255);
        box-shadow: 0px 0px 20px rgb(255, 255, 255);
        animation: backwards;
      
    }
    
}

@media screen and (max-width: 800px) {
    .posters img{
        width: 17%;
        position: absolute;
        z-index: 100;
        border-radius: 20px;
        border:1px solid rgb(255, 255, 255);
        box-shadow: 0px 0px 20px rgb(255, 255, 255);
        animation: backwards;
      
    }
    
}

@media screen and (max-width: 610px) {
    .posters img{
        width: 20%;
        position: absolute;
        z-index: 100;
        border-radius: 20px;
        border:1px solid rgb(255, 255, 255);
        box-shadow: 0px 0px 20px rgb(255, 255, 255);
        animation: backwards;
      
    }
    
}

@media screen and (max-width: 450px) {
    .posters img{
        width: 25%;
        position: absolute;
        z-index: 100;
        border-radius: 20px;
        border:1px solid rgb(255, 255, 255);
        box-shadow: 0px 0px 20px rgb(255, 255, 255);
        animation: backwards;
      
    }
    
}


