@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.image-wrapper .cloud h2,.image-wrapper .cloud h2::before{left:50%;transform:translateX(-50%);background:var(--clr);position:absolute}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--clr:#90ee90}.image-wrapper{position:relative;top:120px;height:400px;width:100%;display:flex;justify-content:center;animation:5s linear infinite animateColor}@keyframes animateColor{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}.image-wrapper .cloud{position:relative;width:300px;z-index:100;filter:drop-shadow(0 0 35px var(--clr))}.image-wrapper .cloud h2{white-space:nowrap;color:#000;font-size:2em;z-index:1000;font-weight:400;padding:0 10px;border-radius:10px;text-transform:uppercase}.image-wrapper .cloud h2::before{content:'';top:-115px;border-radius:100px;width:120%;height:100px}.image-wrapper .cloud h2::after{content:'';position:absolute;top:-150px;left:25px;width:120px;height:120px;border-radius:50%;background:var(--clr);box-shadow:120px -30px 0 10px var(--clr)}.image-wrapper .cloud .drop{position:absolute;top:5px;height:10px;line-height:20px;color:var(--clr);transform-origin:bottom;animation:2s linear infinite animate}@keyframes animate{0%{transform:translateY(0) scaleY(0);transform-origin:top}10%{transform:translateY(0) scaleY(.25);transform-origin:top}20%{transform:translateY(0) scaleY(1)}70%,80%{transform:translateY(300px) scaleY(1);transform-origin:bottom}100%{transform:translateY(300px) scaleY(0);transform-origin:bottom;text-shadow:-180px 0 0 var(--clr),180px 0 var(--clr)}}@media (max-width:992px){.image-wrapper .cloud{top:-120px;width:100%;margin:0 auto;border:0}.image-wrapper .cloud .drop{top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:15px}}@media (max-width:768px){.image-wrapper{height:300px}.image-wrapper .cloud{width:80%}.image-wrapper .cloud .drop{height:8px}}