JSFiddle - React, Tailwind, and code Playground

HTML

<div id="features">1 s</div><div id="features2">4 s</div><div id="features3">10 s</div>

CSS

#features, #features2, #features3 {
    
    width:50px;
    height:50px;
    background: blue;
    float:left;
    margin: 0 20px 0 0;
    text-align: center;
    line-height: 45px;
}

#features2 {
    
    background: red;
}

#features3 {
    
    background: green;
}

JavaScript

$(document).ready(function(){
       

       setTimeout(function(){
         $("#features").fadeOut("slow", function () {
            $("#features").remove();
         });
 
       }, 1000);


       setTimeout(function(){
         $("#features2").fadeOut("slow", function () {
            $("#features2").remove();
         });
 
       }, 4000);

       setTimeout(function(){
         $("#features3").fadeOut("slow", function () {
            $("#features3").remove();
         });
 
       }, 10000);
    });