body{
margin:0;
font-family:sans-serif;
background:#000;
overflow:hidden;
}

.carousel{
position:relative;
width:100vw;
height:100vh;
overflow:hidden;
}

.slides{
display:flex;
height:100%;
transition:transform .5s ease;
}

.slides img{
width:100vw;
height:100vh;
object-fit:contain;
flex-shrink:0;
background:#000;
}

.nav{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,.4);
border:none;
color:white;
font-size:40px;
padding:10px 20px;
cursor:pointer;
z-index:10;
}

.prev{
left:10px;
}

.next{
right:10px;
}

.nav:hover{
background:rgba(0,0,0,.7);
}