.hero {
  background-image: url('../img/hero-electric-lighting.png');
  background-image: image-set(
    url('../img/hero-electric-lighting-desktop.avif') type('image/avif'),
    url('../img/hero-electric-lighting-desktop.webp') type('image/webp')
  );
  background-position: center center;
}

@media (max-width: 1199px) {
  .hero {
    background-image: url('../img/hero-electric-lighting.png');
    background-image: image-set(
      url('../img/hero-electric-lighting-tablet.avif') type('image/avif'),
      url('../img/hero-electric-lighting-tablet.webp') type('image/webp')
    );
  }
}

@media (max-width: 767px) {
  .hero {
    background-image: url('../img/hero-electric-lighting.png');
    background-image: image-set(
      url('../img/hero-electric-lighting-mobile.avif') type('image/avif'),
      url('../img/hero-electric-lighting-mobile.webp') type('image/webp')
    );
  }
}