JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slider">
    <a href="https://www.google.co.uk" target="_blank">
        <img src="http://unsplash.it/375/150">
    </a>
    <a href="https://www.yahoo.com" target="_blank">
        <img src="http://unsplash.it/375/148">
    </a>
</div>

CSS

.slider img {
    display: none;
}
.slider a:first-child img {
    display: block;
}
.slider {
    position:relative;
}
.slider img {
    max-width: 980px;
    position:absolute;
    left:0;
    top:0;
}

JavaScript

//$(window).load(function() {
$('.slider :first').appendTo('.slider').show();
setInterval(function () {
    $('.slider a :first').hide().appendTo('.slider').fadeIn(1000);
}, 3000);
//});