JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.2.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div class="row">
  <header class="arbeiten">
    <h2>{ Logos }</h2>          
  </header>
</div>

<div id="links">

  <div class="row">

    <div class="col-xxl-1"></div>

    <div class="col-12 col-md-6 col-lg-4 col-xxl-5">
       <div class="card shadow-sm first-image">
         <a href="https://www.fillmurray.com/1000/1000" title="Test - Logo #1">
           <img src="https://www.fillmurray.com/300/150" alt="Test - Logo #1" class="card-img-top logo-hover">
         </a>

       <div class="card-body">
         <p class="card-text">Test - Logo #1</p>
         <div class="d-flex justify-content-between align-items-center"></div>
       </div>
     </div>
   </div>

   <div class="col-12 col-md-6 col-lg-4 col-xxl-5">
     <div class="card shadow-sm">
       <a href="https://www.fillmurray.com/1000/1000" title="Test - Logo #2">
         <img src="https://www.fillmurray.com/300/150" alt="Test - Logo #2" class="card-img-top logo-hover">
       </a>
     <div class="card-body">
       <p class="card-text">Test - Logo #2</p>
       <div class="d-flex justify-content-between align-items-center"></div>
     </div>
   </div>
   
   <div class="col-12 col-md-6 col-lg-4 col-xxl-5 img-scroll">
     <div class="card shadow-sm">
       <a href="https://www.fillmurray.com/1000/1000" title="Test - Logo #3">
         <img src="https://www.fillmurray.com/300/150" alt="Test - Logo #3" class="card-img-top logo-hover">
       </a>
     <div class="card-body">
       <p class="card-text">Test - Logo #3</p>
       <div class="d-flex justify-content-between align-items-center"></div>
     </div>
   </div>
   
   
   <div class="col-12 col-md-6 col-lg-4 col-xxl-5 img-scroll">
     <div class="card shadow-sm">
       <a href="https://www.fillmurray.com/1000/1000" title="Test - Logo #4">
         <img...

CSS

.img-scroll {
  -moz-transition: top 10s;
  transition: top 10s;
}


.img-scroll.animate {
  top: 5px;
}

JavaScript

$(document).ready(function () {
    
    $(".img-scroll").css("display", "none");
    
    $(window).scroll(function() {
        $( ".img-scroll" ).addClass("animate");
        $( ".img-scroll" ).css("display", "block");
        console.log("Hey");
    });
    
});