.worldmap { position: relative; width: 1358px; height: 679px; background: url("/images/dok_bg.png") no-repeat center; } .map-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .area { fill: rgba(255, 255, 255, 0); cursor: pointer; transition: 0.3s; } .area:hover { fill: rgba(120, 200, 255, 0.15); stroke: #6ec6ff; stroke-width: 3; filter: drop-shadow(0 0 10px #6ec6ff); }