<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="container"> <h2 style="text-align:center">Animation by <span class="red">M</span>ilind <span class="red">K</span>amthe</h2> <p style="text-align:center">creativemk22@gmail.com</p> <hr> <div class="row"> <div class="image_set"> <img class="rotate" src="https://img.icons8.com/color/180/rgb-circle-1.png" width="200" alt="milind kamthe"/> </div> </div> </div>

.red{color:red;} .rotate{animation:mk22_rotate 1s linear infinite;} @keyframes mk22_rotate{ from{transform:rotate(270deg)} to{transform:rotate(360deg)} } @keyframes mk22_move{ from{transform:translateX(-100px)} to{transform:translateX(1200px)} } .image_set{animation:mk22_move 20s linear infinite;border-radius:50%;margin-top:40px;}