.weather{height:auto;background:linear-gradient(#0f2129,#47334a);overflow:hidden;--s:1px 5px;--c:#ccc;--a:-7deg;--w:80px;--h:80px;--rad:radial-gradient(var(--s),var(--c) 100%,transparent 100%)}.weather:before{content:"";position:absolute;right:25%;left:-20%;height:calc(3% + var(--h) + 10px);background:var(--rad) -12px 3px,var(--rad) 17px 0,var(--rad) 6px 12px,var(--rad) 24px 23px,var(--rad) 39px 30px,var(--rad) 5px 43px;background-size:var(--w) var(--h);animation:rain .2s linear infinite;transform:skew(var(--a))}@keyframes rain{to{transform:skew(var(--a)) translateY(var(--h))}}