Jishaan Singhal

Source Code: <div></div> <div> <style> * {   background: #0B2429; } div {   width: 120px;   height: 120px;   margin: 30px 192px;   border-radius: 60px;   background: #F3AC3C; } div:nth-of-type(2) {   margin: -30px 72px;   box-shadow: 60px -60px #998235;   border-radius: 60px 0 60px 60px; } </style>

 HTML: <img class="anim" src="Penguins.jpg" alt="img"> CSS: body{ margin: 0; padding: 0; height: 100vh; width: 100%; overflow: hidden; } .anim{ animation: anim 5s ease-out both; } @keyframes anim { 0%{ transform: scale(1.0) translateY(0); transform-origin: 100% 100%; } 100%{ transform: scale(1.3) translateY(-20px); transform-origin: top; } }