.top.hani {
    background-image: url("https://images.unsplash.com/photo-1579730537090-aab401fe52be?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80");
   background-position: center center ;
   background-size: 125%;
   

    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.middle.hani {
 width: 30%;
height: 15%;
background: rgb(63,94,251);
background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%);
border-radius: 10%;
}
.bottom.hani {
background-image: url("https://media2.giphy.com/media/lqSb5Oy8lc1c1Jhlh2/source.gif");
width: 30%;
height: 30%;
 background-position: center center ;
   background-size: 90%;
}