✨ Animated GIFs Showcase

GIF

Conductor

Animated conductor waving baton

GIF

Lead Singer

Lead performer animation

GIF

Metronome

Animated metronome ticking

Next.js Image Component (Important!):

import Image from 'next/image';

<Image 
  src="/pics/conductor.gif" 
  alt="Conductor animation"
  width={200}
  height={200}
  unoptimized  // Required for GIF animation!
/>

⚠️ Important: Add unoptimized prop to preserve GIF animation

Standard HTML img tag:

<img src="/pics/metronome_ani.gif" alt="Metronome animation" />

CSS Background:

.animated-bg {
  background-image: url('/pics/lead.gif');
  background-size: cover;
  background-repeat: no-repeat;
}