---
const { name, href, img, alt } = Astro.props;
---

<a
  href={href}
  class="flex flex-col items-center transition-transform transform hover:scale-105 hover:opacity-90"
  target="_blank"
  rel="noopener noreferrer"
>
  <img
    src={img}
    alt={alt}
    class="w-16 h-16"
    loading="lazy"
    decoding="async"
  />
  <p class="mt-2 text-center">{name}</p>
</a>