Help with logo carousel

[Robson]

Hi, I've added an html logo carousel in Elementor using the following code below, however the third set of logos are constantly visible on top of the first 2 rows. Could anyone please help explain why this is happening? Thanks!

<div class="logo-grid">
<div class="logoset">
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"
></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"
></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
</div>
<div class="logoset">
<div class="logo"><img src="/wp-content/uploads/2023/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo" ><img src="/wp-content/uploads/2023/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2023/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
</div>
<div class="logoset">
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2023/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
<div class="logo"><img src="/wp-content/uploads/2024/04/xxx.svg"></div>
</div>
</div>