<style> @media screen and (max-width: 600px) {

   .mobile-heading {
       font-size: 16px !important;
   }
   .mobile-description {
       font-size: 12px !important;
   }
  
   .responsive-img {
       width: 100% !important;
       height: auto !important;
   }
    .mobile-container {
       flex: 1 1 20% !important;
   }

}

    .mobile-container {
       animation: all 300ms ease-in-out;
   }

.mobile-container:hover {

   transform: translateY(-5px);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  

} </style>

<a href="" style="text-decoration: none; color: inherit;">

       <img class="responsive-img" src="" alt="Image" style="width: 50px; height: 50px; object-fit: cover;">
       

</a>