#map-layers-b1, #map-layers-b2, #map-layers-b3, #map-layers-b4, #map-layers-b5, #map-layers-r1, #map-layers-r2, #map-layers-warp {
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    z-index: 5;
}
div.layer-b1, div.layer-b2, div.layer-b3, div.layer-b4, div.layer-b5, div.layer-r1, div.layer-r2, div.layer-warp {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
}


#bonuses a img:hover {
    pointer-events: all;
    background: rgba(255, 255, 255, 0.2);
    outline: solid 1px rgba(255, 255, 255, 0.5);
}

#bonuses>div {
    border: solid 5px #2a2a2a; 
    border-radius: 6px;
}


            .map-label span {
                background:black;
                opacity: 0;
                padding: 1px 4px 2px 3px;
                transition: opacity .5s linear;
            }
            div#bonuses:hover .map-label span {
                opacity: 1;
                transition: opacity .2s linear;
            }