avatar-1

• Vista previa

  

  

  

• Código

  import Image from 'next/image';
  
  const Avatar = () => {
    return (
      <div className="flex flex-col lg:flex-row lg:items-center gap-5">
        <div className="relative w-10 h-10 rounded-lg">
          <Image
            src="https://res.cloudinary.com/jotredev/image/upload/v1697568580/ElementumUI/mujeres/feliz-mujer-madura-al-aire-libre_tsjdsm.webp"
            alt="Image"
            fill
            loading="lazy"
            blurDataURL="https://res.cloudinary.com/jotredev/image/upload/v1697568580/ElementumUI/mujeres/feliz-mujer-madura-al-aire-libre_tsjdsm.webp"
            className="object-cover rounded-lg"
          />
        </div>
        <div className="relative w-12 h-12 rounded-lg">
          <Image
            src="https://res.cloudinary.com/jotredev/image/upload/v1697568580/ElementumUI/mujeres/feliz-mujer-madura-al-aire-libre_tsjdsm.webp"
            alt="Image"
            fill
            loading="lazy"
            blurDataURL="https://res.cloudinary.com/jotredev/image/upload/v1697568580/ElementumUI/mujeres/feliz-mujer-madura-al-aire-libre_tsjdsm.webp"
            className="object-cover rounded-lg"
          />
        </div>
        <div className="relative w-14 h-14 rounded-lg">
          <Image
            src="https://res.cloudinary.com/jotredev/image/upload/v1697568580/ElementumUI/mujeres/feliz-mujer-madura-al-aire-libre_tsjdsm.webp"
            alt="Image"
            fill
            loading="lazy"
            blurDataURL="https://res.cloudinary.com/jotredev/image/upload/v1697568580/ElementumUI/mujeres/feliz-mujer-madura-al-aire-libre_tsjdsm.webp"
            className="object-cover rounded-lg"
          />
        </div>
      </div>
    );
  };
  
  export default Avatar;