main{
    width: 100%;
    margin: auto;
    height: 480px;
    box-shadow: 0px 0px 3px grey;
    position: relative;
    overflow: hidden;
}

.slide{
    width: 100%;
    height: 480px;
    transition: 3s;
    position: absolute;
    
}

.slide:hover
{
    transform: rotate(2deg);
    transform: rotate(-2deg);
}

.nav{
    text-align: center;
    margin-top: 10px;
}

@media (max-width: 768px) 
{
    main
    {
        height:350px;
    }
    
    .slide
    {
        height:350px;
    }
}