.page-hero-riad {
  background-image: image-set(
    url("/assets/photos/responsive/riad-patio-wide-1200.webp") type("image/webp"),
    url("/assets/photos/responsive/riad-patio-wide-1200.jpg") type("image/jpeg")
  );
}

@media (max-width: 820px) {
  .page-hero-riad {
    background-image: image-set(
      url("/assets/photos/responsive/riad-patio-wide-768.webp") type("image/webp"),
      url("/assets/photos/responsive/riad-patio-wide-768.jpg") type("image/jpeg")
    );
  }
}