.slider{
text-align: center;
background: alpha;
}

.reveal-wrapper{
margin-top: 200px;
margin-left: 40%;
margin-right: 40%;
border:solid 1px #333;
position: relative;
}

.reveal-wrapper:hover .reveal-top{
left: 100%;
}

.reveal-content{
padding-top: 10%;
padding-left: 1%;
padding-right: 1%;
padding-bottom: 10%;
color: #000;
background-image: url(https://i.ibb.co/7xykvkzy/profile-picture-rond.jpg);
}

.reveal-top{
width: 100%;
height: 100%;
background-image: url(https://i.ibb.co/7xykvkzy/profile-picture-rond.jpg);
background-repeat: repeat;
background-position: center;
background-size: 100%;
position: absolute;
top:0;
left:0;
transition: left 1s ease;
}