website/app/components/images/ProfilePicture.tsx

import Image from "next/image";

export const ProfilePicture = ({ }) => {
  return (
    <Image
      src="/profile-picture.png"
      width={128}
      height={128}
      alt="Goudham smiling at the camera"
      className="motion-safe:hover:animate-spin w-20 h-20 lg:w-24 lg:h-24 xl:w-28 xl:h-28 2xl:w-32 2xl:h-32"
      quality={100}
      priority={true}
    />
  );
};