@keyframes filter-animation {
  0% {
    filter: opacity(50%) brightness(1) saturate(1.7);
  }

  50% {
    filter: opacity(50%) brightness(0.7) saturate(4);
  }

  100% {
    filter: opacity(50%) brightness(1) saturate(2);
  }
}

.background-animation {
background-image: url("sharpened_and_resized_image.webp");
background-repeat:no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed;
animation: filter-animation 20s infinite;
}

.background-animation li {
background: transparent;
}