<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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="row"> <a class="top_right_hire_box" target="blank" href="#"><img alt="We are hiring" src="https://www.orioninfosolutions.com/assets/img/icons/Feasibility-Analysis3.gif"></a> </div> </div>

.top_right_hire_box { position: absolute; right: 63px; top: 40px; width: 145px; z-index: 9999; } .top_right_hire_box.up_hire { top: 10px; } @keyframes swinging { 0% { transform: rotate(10deg); } 50% { transform: rotate(-5deg) } 100% { transform: rotate(10deg); } } .top_right_hire_box img { animation: 2.5s ease-in-out 0s normal forwards infinite running swinging; transform-origin: 50% 0 0; height: auto; }