@keyframes fadein{0%{opacity:0}100%{opacity:1}}.wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:.5s forwards fadein;height:100wh}.container{height:380px;width:500px}#img{width:200px;height:200px;background-image:url(penguin.jpg);background-size:cover;background-position:center;margin:30px auto}