Animations do not work on certain displays

Nobody has claimed this yet.

Our current animations (sliding fade-in) work on a majority of displays, but on a select few, they do not load.

Gets Called By: SongRows.tsx
File location: Anti-Spotify/frontend/src/App.css
Code location: Lines 375. Sample is pasted below.
```
/* animation */

@keyframes song-fade-in-animation {
0% {
opacity: 0;
transform: translateY(30px) scale(0.9);
}
100% {
opacity: 1;
transform: translateY(0px) scale(1);
}
}

@keyframes navbar-fade-down-animation {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}

.song-fade-in {
animation: song-fade-in-animation linear;
animation-timeline: view();
animation-range-start: cover;
animation-range-end: 400px;
}

.main-song-fade-in {
animation: song-fade-in-animation .4s;
}

.navbar-fade-down{
animation: navbar-fade-down-animation .9s;
}
```

We have a suspicion that this may be due to the use of the methods called in .song-fade-in.

Start by reproducing the animation issue on the affected displays, then inspect the animation rules around line 375 in Anti-Spotify/frontend/src/App.css and how they are called by SongRows.tsx. Done means the sliding fade-in animations work on the displays where they currently fail without breaking the existing animations.

Written by the indexing model from the issue text.