body,html {
      height: 100%;
    width: 100%;
    
}

.container-wrapper{
    height: 100%;
    width: 100%;
    background-image: url(img.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   
    animation: change 10s infinite ease-in-out;
}

@keyframes change{
    0%
    {
        background-image: url(img.jpg);
    }
     20%
    {
        background-image: url(img1.jpg);
    }
     40%
    {
        background-image: url(img2.jpg);
    }
    
     60%
    {
        background-image: url(img3.jpg);
    }
     100%
    {
        background-image: url(img4.jpg);
    }
}

.listed {
    color: darkred;
}