body {margin: 0;overflow: hidden;background: white;}.box {width: 99%;height: 600px;border: 10px solid gold;background-image: url("assets/images/undercon.jpg");background-size: contain;background-repeat: no-repeat;background-position: 50% 50%;position: relative;z-index: 1;}.rain {position: absolute;left: 0;width: 100%;height: 100%;z-index: 2;pointer-events: none;}.rain.back-row {z-index: 1;opacity: 0.3;}.drop {position: absolute;bottom: 100%;width: 1px;height: 120px;pointer-events: none;animation: drop 0.5s linear infinite;}@keyframes drop {0% {transform: translateY(0vh);}100% {transform: translateY(100vh);}}.stem {width: 1px;height: 80%;margin-left: 7px;background: linear-gradient(to bottom, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.4));animation: stem 0.5s linear infinite;}@keyframes stem {0% {opacity: 1;}65% {opacity: 1;}75% {opacity: 0;}100% {opacity: 0;}}