/*
 * Water background in frontpage header
 * Vide o je stežené z https://www.youtube.com/watch?v=70o3Nda5S0A
 * do avif jsem to konvertoval na https://ezgif.com/video-to-avif
 *
*/

#water-background {
  background-color: #183f4e;
  background-repeat: no-repeat;
  background-position: center top;
  background-image:
    linear-gradient(hsla(194, 100%, 18%, 0.8), transparent),
    url("../images/water-background.avif");

  @media (prefers-reduced-motion: reduce) {
    background-image:
      linear-gradient(hsla(194, 100%, 18%, 0.8), transparent),
      url("../images/water-background.jpeg");
  }
}