.img {
    width: 100%;
}
.line {
    position: fixed;
    z-index: +5;
 top: 85%;
    right: 5px;
}

  
.imge {
    width: 100%;
     padding: 5px;
     inset: 0;
     margin: auto;
     border-radius: 30px;
     animation: reveal 4s linear(
       0, 0.001, 0.005 1.1%, 0.02, 0.045 3.5%, 0.081 5%, 0.16 7.5%, 0.365 13.5%,
       0.464 16.5%, 0.559, 0.64, 0.71 26.2%, 0.742, 0.771, 0.797, 0.822, 0.844,
       0.865 36.9%, 0.885, 0.903, 0.919 43.7%, 0.933, 0.945, 0.956 51.7%,
       0.966 54.7%, 0.973, 0.98 61.3%, 0.985 65%, 0.993 73.6%, 0.997 84.5%, 0.999
     );
 
   }
   .imge:hover {
     transform: translateY(0px) rotateY(-20deg) scale(1);
   }
   
   @keyframes reveal {
     from {
       transform: translateY(50px) rotateX(30deg) scale(0.9);
     }
     to {
       transform: translateY(0px) rotateY(20deg) scale(1);
     }
   }
   
   .imge img {
     width: 100%;
   }
 
   #img {
    animation: bounce 3.5s infinite;
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}