JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slideshow">
    <img src="" class="active"/>
    <img id="new-image" src="" />
</div>

CSS

img{
    border:1px solid #000;
    outline-color:#000;
    padding:20px;
    
}
.active{
    
    border-color:red;
    outline-color:red;
}

JavaScript

$(function(){
        $('#slideshow img.active').first()
        .fadeOut(500).removeClass('active')
        .setTimeout(function(){
             $('#new-image').addClass('active')
        },50);

});