The big DVD crash script

[Melooon]

This is the DVD script that was causing everyones browser to crash on the everyone site @epic1 its ok it happens 

Maybe someone can figure out whats wrong with it and fix it?? 

Code

        .marqueedvd {             display: block;             left: 0;             position: absolute;             top: 0;             border: 1px solid;             padding: 20px;             z-index: 1;         }         svg {             display: block;         }         .logo {             fill: #fff;         }

Code

<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>

<!-- DVD Screensaver :3 added by epic1-->
<script>
        (function ($, window, undefined) {
            $.fn.marqueeify = function (options) {
                var settings = $.extend({
                    horizontal: true,
                    vertical: true,
                    speed: 100, // In pixels per second
                    container: $(this).parent(),
                    bumpEdge: function () { }
                }, options);

                return this.each(function () {
                    var containerWidth, containerHeight, elWidth, elHeight, move, getSizes,
                        $el = $(this);

                    getSizes = function () {
                        containerWidth = settings.container.outerWidth();
                        containerHeight = settings.container.outerHeight();
                        elWidth = $el.outerWidth();
                        elHeight = $el.outerHeight();

                    };

                    move = {
                        right: function () {
                            $el.animate({
                                left: (containerWidth - elWidth)
                            }, {
                                duration: ((containerWidth / settings.speed) * 1000),
                                queue: false,
                                easing: "linear",
                                complete: function () {
                                    settings.bumpEdge();
                                    move.left();
                                }
                            });
                        },
                        left: function () {
                            $el.animate({
                                left: 0
                            }, {
                                duration: ((containerWidth / settings.speed) * 1000),
                                queue: false,
                                easing: "linear",
                                complete: function () {
                                    settings.bumpEdge();
                                    move.right();
                                }
                            });
                        },
                        down: function () {
                            $el.animate({
                                top: (containerHeight - elHeight)
                            }, {
                                duration: ((containerHeight / settings.speed) * 1000),
                                queue: false,
                                easing: "linear",
                                complete: function () {
                                    settings.bumpEdge();
                                    move.up();
                                }
                            });
                        },
                        up: function () {
                            $el.animate({
                                top: 0
                            }, {
                                duration: ((containerHeight / settings.speed) * 1000),
                                queue: false,
                                easing: "linear",
                                complete: function () {
                                    settings.bumpEdge();
                                    move.down();
                                }
                            });
                        }
                    };
                    getSizes();
                    if (settings.horizontal) {
                        move.right();
                    }
                    if (settings.vertical) {
                        move.down();
                    }

                    // Make that shit responsive!
                    $(window).resize(function () {
                        getSizes();
                    });
                });
            };
        })(jQuery, window);

        $(document).ready(function () {

            $('.marqueedvd').marqueeify({
                speed: 150,
                bumpEdge: function () {
                    let ele = $('.marqueedvd')
                    var newColor = "hsl(" + Math.floor(Math.random() * 360) + ", 100%, 50%)";
                    var newFrameColor = "hsl(" + Math.floor(Math.random() * 360) + ", 100%, 50%)";
                    $('.marqueedvd .logo').css('fill', newColor);
                    $('.marqueedvd').css('border-color', newFrameColor);
                }
            });
        });
</script>
    <div class="marqueedvd">        
    <svg width="153px" height="69px">            
    <g>                
    <path class="logo"                     d="M140.186,63.52h-1.695l-0.692,5.236h-0.847l0.77-5.236h-1.693l0.076-0.694h4.158L140.186,63.52L140.186,63.52z M146.346,68.756h-0.848v-4.545l0,0l-2.389,4.545l-1-4.545l0,0l-1.462,4.545h-0.771l1.924-5.931h0.695l0.924,4.006l2.078-4.006 h0.848V68.756L146.346,68.756z M126.027,0.063H95.352c0,0-8.129,9.592-9.654,11.434c-8.064,9.715-9.523,12.32-9.779,13.02 c0.063-0.699-0.256-3.304-3.686-13.148C71.282,8.7,68.359,0.062,68.359,0.062H57.881V0L32.35,0.063H13.169l-1.97,8.131 l14.543,0.062h3.365c9.336,0,15.055,3.747,13.467,10.354c-1.717,7.24-9.91,10.416-18.545,10.416h-3.24l4.191-17.783H10.502 L4.34,37.219h20.578c15.432,0,30.168-8.13,32.709-18.608c0.508-1.906,0.443-6.67-0.764-9.527c0-0.127-0.063-0.191-0.127-0.444 c-0.064-0.063-0.127-0.509,0.127-0.571c0.128-0.062,0.383,0.189,0.445,0.254c0.127,0.317,0.19,0.57,0.19,0.57l13.083,36.965 l33.344-37.6h14.1h3.365c9.337,0,15.055,3.747,13.528,10.354c-1.778,7.24-9.972,10.416-18.608,10.416h-3.238l4.191-17.783h-14.481 l-6.159,25.976h20.576c15.434,0,30.232-8.13,32.709-18.608C152.449,8.193,141.523,0.063,126.027,0.063L126.027,0.063z M71.091,45.981c-39.123,0-70.816,4.512-70.816,10.035c0,5.59,31.693,10.034,70.816,10.034c39.121,0,70.877-4.444,70.877-10.034 C141.968,50.493,110.212,45.981,71.091,45.981L71.091,45.981z M68.55,59.573c-8.956,0-16.196-1.523-16.196-3.365 c0-1.84,7.239-3.303,16.196-3.303c8.955,0,16.195,1.463,16.195,3.303C84.745,58.05,77.505,59.573,68.55,59.573L68.55,59.573z" />            
    </g>        
    </svg>    
    </div>

[MediocreMetastasis]

I was able to create a DVD screensaver effect using only css

Code

<marquee direction="down" width="1920" height="1000" behavior="alternate" style="position: absolute; top: 0; left: 0; z-index: 99; pointer-events: none;">
<marquee behavior="alternate" style="z-index: 99; pointer-events: none;">
<img src="insert image here">
</marquee>
</marquee>

The everyone site is already struggle trying to load all the images and code on the main page so your code might've been the straw that broke the camel's back.


EDIT:
looking at the code el.animate() could be pausing the browser. Or this.each(function () is never broken/continues. I dunno what else it could be

[epic]

Heya, I'm epic1. 
I didnt realize i made everyone's browser to crash!!!    My bad. 
I use the same DVD Screensaver script for my website but no one really had an issue with the crash..
In my side, the script runs perfectly fine. Tried with other browsers like
chrome, firefox, firefox nightly, opera, You name it.