JSFiddle - React, Tailwind, and code Playground

HTML

<div id=container>
    <img id=pic src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/s48x48/592272_191755377529982_1348162633_q.jpg' id=pic>
</div>

CSS

#container{
    border: 1px SOLID #FF000;
    display: box;
    width: 48px;
    height: 48px;
    overflow: hidden;
}
#pic{
    position: relative;
    top: 0px;
}

JavaScript

$(document).ready(function(){
    setInterval(slidedown,2000);    
});
function slidedown(){
    
    $("#pic").animate({
        top: '48px'
    },500)
     setTimeout(function(){
         $("#pic").hide();
         $("#pic").css({
           top: '0px'
         });
         $("#pic").fadeIn("fast");
     },1000);
    
}