JSFiddle - React, Tailwind, and code Playground
HTML
<div class="companies-logos">
<ul>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/spectronix-logo.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/abbot-logo.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/Logo-Flextronics.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/audiocodes-limited-logo-1.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/stjude-logo.png" class="correctMe"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/OpGal.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/Logo-HP_Indigo.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/Electra_Logo.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/intel-logo.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/spectronix-logo.png"></li>
<li><img src="https://rt-group.co.il/wp-content/uploads/2018/02/abbot-logo.png"></li>
</ul>
</div>
CSS
.companies-logos {
margin-top: 130px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
height: 120px;
overflow: hidden;
background: #3A3C42;
}
.companies-logos ul {
display: flex;
}
.companies-logos ul li {
margin: 0 25px;
}
.companies-logos ul li img {
width: auto;
height: 90px;
max-width: 300px;
}
JavaScript
$(function(){
setInterval(function(){
var item_width = $('.companies-logos ul li:first-child').width() + 25;
console.log(item_width);
$(".companies-logos ul li:first-child").animate({"margin-left": -item_width}, 2000, function(){
$(this).css("margin-left",25).appendTo(".companies-logos ul");
});
}, 1000);
});