animation.php

<picture class="logo" >
  <source type="image/avif" media="(max-width: 600px)" srcset="assets/london600_tag.avif">
  <source type="image/webp" media="(max-width: 600px)" srcset="assets/london600.webp">
  <source type="image/avif" media="(min-width: 601px) and (max-width: 899px)" srcset="assets/london800_tag.avif">
  <source type="image/webp" media="(min-width: 601px) and (max-width: 899px)" srcset="assets/london800.webp">
  <source type="image/avif" media="(min-width: 900px)" srcset="assets/london1080_tag.avif">
  <source type="image/webp" media="(min-width: 900px)" srcset="assets/london1080.webp">
  <img src="assets/london800.jpg" alt="BMI Awards London">   
</picture>


 <!-- <picture class="logo">
    <source type="image/avif" srcset="assets/london600_tag.avif, assets/london800_tag.avif 800w, assets/london1080_tag.avif 1080w">
    <source type="image/webp" srcset="assets/london600.webp, assets/london800.webp 800w, assets/london1080.webp 1080w">
    <img src="assets/london800.jpg" alt="BMI Awards London">
</picture> -->