Why is my website footer glitching with Dawn theme?

[Dabou]

Hello everyone, I was using some code so my footer would be like this

/* Change email signup position in footer and remove extra space from footer items */
@media (min-width: 991.98px){
    .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in > .footer-block.grid__item {
    max-width: 250px!important;
}
.footer-block--newsletter {
    display: inline-flex;
}
 
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    flex: 1 0 auto;
}
.footer__content-top.page-width {
    max-width: 900px!important;
}
.footer__content-top.page-width {
    display: flex;
    align-items: baseline;
}
}

@media (max-width: 991.98px){
    .footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    text-align: center;
}
 
a.link.link--text.list-menu__item.list-menu__item--link {
    justify-content: center;
}
}

/* Footer Social media icons (change position)*/  
@media only screen and (min-width: 749px){
.footer-block--newsletter.scroll-trigger.animate--slide-in {
    flex-direction: column;
    gap: 60px;
}
.list-social {
  align-self: flex-start;  
}
}

But i don't know what change i made to made to the store, now the footer is broken (The code is the same)

 Website is in my signature.

Thanks.

[Dabou · Accepted solution]

Edit: Enabling "Reveal sections on scroll" on footer theme settings fixed the issue.