const frames = [
  './images/snowflake/frame001.png',
  './images/snowflake/frame002.png',
  './images/snowflake/frame003.png',
  './images/snowflake/frame004.png',
  './images/snowflake/frame005.png',
  './images/snowflake/frame006.png',
  './images/snowflake/frame007.png',
  './images/snowflake/frame008.png',
  './images/snowflake/frame009.png',
  './images/snowflake/frame010.png',
  './images/snowflake/frame011.png',
  './images/snowflake/frame012.png',
  './images/snowflake/frame013.png',
  './images/snowflake/frame014.png',
  './images/snowflake/frame015.png',
  './images/snowflake/frame016.png',
  './images/snowflake/frame017.png',
  './images/snowflake/frame018.png',
  './images/snowflake/frame019.png',
  './images/snowflake/frame020.png',
  './images/snowflake/frame021.png',
  './images/snowflake/frame022.png',
  './images/snowflake/frame023.png'
];

let current = 0;
const favicon = document.getElementById('dynamic-favicon');

setInterval(() => {
  current = (current + 1) % frames.length;
  favicon.href = frames[current];
}, 150);
