/* Cycle through the sprite map and assign them to a given element */
.wx_rain_farthest {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=0,0,500,500");
}

.wx_rain_farther {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=500,0,500,500");
}

.wx_rain_plop {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1000,0,500,500");
}

.wx_raindrop {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1500,0,500,500");
}

.wx_rain_rebound {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2000,0,500,500");
}

.wx_rain_hershey {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2500,0,500,500");
}
/* second row */
.wx_rain_preboom {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=0,500,500,500");
}

.wx_rain_boom {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=500,500,500,500");
}

.wx_cloud1 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1000,500,500,500");
}

.wx_cloud2 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1500,500,500,500");
}

.wx_cloud3 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2000,500,500,500");
}

.wx_cloud4 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2500,500,500,500");
}

/* third row */
.wx_tornado {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=0,1000,500,500");
}

.wx_hurricane {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=500,1000,500,500");
}

.wx_snow1 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1000,1000,500,500");
}

.wx_snow2 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1500,1000,500,500");
}

.wx_snow3 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2000,1000,500,500");
}

.wx_snow4 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2500,1000,500,500");
}

/* fourth row */
.wx_wind_high {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=0,1500,500,500");
}

.wx_wind_medium {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=500,1500,500,500");
}

.wx_wind_low {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1000,1500,500,500");
}

.wx_sun {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1500,1500,500,500");
}

.wx_moon {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2000,1500,500,500");
}

/* fifth row */
.wx_wind1 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=0,2000,500,500");
}

.wx_wind2 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=500,2000,500,500");
}

.wx_wind3 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1000,2000,500,500");
}

.wx_wind4 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=1500,2000,500,500");
}

.wx_wind5 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2000,2000,500,500");
}

.wx_wind6 {
    background-image: image("/images/3c40f178-11d4-4e9e-9338-0ed8d62574b3.svg#xywh=2500,2000,500,500");
}