<!DOCTYPE html> <html> <head> <style> /* Applying Global CSS */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Centering the content of whole body */ body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #000; } @keyframes animate { 0% { transform: perspective(1000px) rotateY(0deg); } 100% { transform: perspective(1000px) rotateY(360deg); } } .img { animation: animate 5s linear infinite; } </style> </head> <body> <div class="box"> <img class="img" src="https://src.lefuturiste.fr/images/etretat.jpg" /> </div> </body> </html>