<script>

    (() => {
        const settings = {
            changeOpacity: true, // true - автоматическое изменение прозрачности включено, false - выключено
            minOpacity: 0.1, // минимальное значение прозрачности, мин. 0
            maxOpacity: 1, // максимальное значение прозрачности, макс. 1
            defaultOpacity: 0.5, // дефолтное значение прозрачности, если автоматическое изменение выключено, от 0 до 1
            changeOpacityTimeout: 10,  // таймаут изменения прозрачности в секундах, минимум 3
        }


        const timeout = settings.changeOpacityTimeout < 3 ? 3 : settings.changeOpacityTimeout
        const snowfall = document.createElement('div')
        snowfall.classList.add('snowfall')
        snowfall.style.opacity = settings.defaultOpacity
        document.body.append(snowfall)
        function changeOpacity() {
            snowfall.style.opacity = (Math.random() * (settings.maxOpacity - settings.minOpacity) + settings.minOpacity).toFixed(2)
        }
        settings.changeOpacity ? setInterval(changeOpacity, timeout * 1000) : ''
    })()
</script>

<style>

    .snowfall {
        position: fixed;
        inset: 0;
        z-index: 100000;
        mix-blend-mode: screen;
        pointer-events: none;
        background: url("https://static.tildacdn.com/tild3833-3139-4962-b231-356366633138/7dDt.gif") center/cover repeat;
        transition: opacity 3s ease;
    }
</style>