HTML

css loading spinner img

<style>
  .loader {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>
<img src="https://omni-delivery.netlify.app/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.84c9b02f.png&w=256&q=75" alt="Logo Spinner" class="loader">