  margin-top:20px;
  margin-left:10px;
  margin-right:10px;
 }
 .slider:hover { 
  cursor:pointer;
 }
 .controls {
    display:flex;
    position:absolute;
    width:80%;
    top:80%;
    left:50%;
    transform:translate(-50%, -50%);
    color: white;
    background: rgba(80, 80, 80, 0.7);
    z-index: 1000;
 }
 .logo {
   width:103px;
   height:33px;
   display:flex;
   position:absolute;
   top:5%;
   left:85%;
   z-index: 999;
 }
 @media screen and (max-width: 650px) {
    .controls {
      width:90% !i