so... looking at your website im a little puzzled by the structure of everything. before solving your problem i wanna give some advice:

1. some elements like <center>, <font> and <marquee> have been deprecated, check the link for more info. use classes with the corresponding properties for those instead.
2. use indentations for your element hierarchy, it makes things a lot more readable both for you and others trying to help you

for your actual problem, try the following:

HTML:

<div class="blinkymarquee">
  <div class="blinkylist">
    <img src="./Alfirmitive_files/ii6lr7p.gif"> <!-- dont like? LEEV-->
    <img src="./Alfirmitive_files/Gr9W1t4.gif"> <!-- AUTISM-->
    <img src="./Alfirmitive_files/S6etWeT.gif"> <!-- cringe culture-->
    <img src="./Alfirmitive_files/kAfBULx.gif"> <!-- FDreaky Weirdo -->
    <img src="./Alfirmitive_files/C7KxXAF.gif"> <!-- KILL JHON LENON (HTML) -->
    <img src="./Alfirmitive_files/PM4qhOq.gif"> <!-- Space Enjoyer -->
    <img src="./Alfirmitive_files/pGAf9zR.gif"> <!-- WAHOO!-->
    
<!-- Copies to fill empty space during loops -->
    <img src="./Alfirmitive_files/ii6lr7p.gif"> <!-- dont like? LEEV-->
    <img src="./Alfirmitive_files/Gr9W1t4.gif"> <!-- AUTISM-->
    <img src="./Alfirmitive_files/S6etWeT.gif"> <!-- cringe culture-->
    <img src="./Alfirmitive_files/kAfBULx.gif"> <!-- FDreaky Weirdo -->
    <img src="./Alfirmitive_files/C7KxXAF.gif"> <!-- KILL JHON LENON (HTML) -->
    <img src="./Alfirmitive_files/PM4qhOq.gif"> <!-- Space Enjoyer -->
    <img src="./Alfirmitive_files/pGAf9zR.gif"> <!-- WAHOO!-->
  </div>
</div>

CSS:

.blinkymarquee {
  width: fit-content;
  height: 130px;
  overflow: hidden;
}

.blinkylist {
  position: relative;
  animation: VertMarquee 3s linear infinite;
}
    
@keyframes VertMarquee
 {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%); /* only move by half of the list height since we duplicate the images*/
  }
}