Už vážně nevím, zkoušel jsem to napsat na stackoverflow, tam mně poradil tento kód, který ještě následně upravil, jenže stále nefunguje. Nebo spíš funguje ještě hůře a v žádném prohlížeči nepracuje. Nevíte, prosím Vás, kde může být chyba?

// Add a class to the header when scrolling
let header = document.querySelector('header'); 
window.addEventListener('scroll' , function () {
    let window_top = this.scrollY;
    if (window_top == 0) {
        header.classList.remove('resize');
    }else {
        header.classList.add('resize'); 
    }
});

/* these are the default styles (when the user doesnt scroll down yet) */
header#masthead {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    transition: .3s;
}
header#masthead img{
    transition: .3s; /*here i added transition to give the image a smooth animation*/
}
/* these are the styles when the user scrolls */
header#masthead.resize img{
    height: 50px; /* <=== here i gived the image a smaller size */
}