.container{height:250px;padding:15px;display:flex;align-items:center;justify-content:center}.cloud,.container{width:250px}.front{padding-top:45px;margin-left:25px;display:inline;position:absolute;z-index:11;animation:clouds 8s infinite;animation-timing-function:ease-in-out}.back{margin-top:-30px;margin-left:150px;z-index:12;animation:clouds 12s infinite;animation-timing-function:ease-in-out}.right-front{width:45px;height:45px;border-radius:50% 50% 50% 0;margin-left:-25px}.left-front,.right-front{background-color:#4c9beb;display:inline-block;z-index:5}.left-front{width:65px;height:65px;border-radius:50% 50% 0 50%}.right-back{width:50px;height:50px;border-radius:50% 50% 50% 0;margin-left:-20px}.left-back,.right-back{background-color:#4c9beb;display:inline-block;z-index:5}.left-back{width:30px;height:30px;border-radius:50% 50% 0 50%}.sun{width:120px;height:120px;background:linear-gradient(90deg,#fcbb04,#fffc00);border-radius:60px;display:inline;position:absolute}.sunshine{animation:sunshines 2s infinite}@keyframes sunshines{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes clouds{0%{transform:translateX(15px)}50%{transform:translateX(0)}to{transform:translateX(15px)}}