title: How can I make multiple smaller images resize by the same amount as a big image under them
body: <p>I have one big image (let's say it's a map) and multiple smaller images (points on the map) that are shown on this image on hover event. Currently I'm positioning smaller images with <code>position: absolute</code> but when I got to the point where the screen width forces my big image to resize, smaller images are not placed where I want them to be. How can I make this work using CSS and not making this images too big so the user can hover only on the exact image I want them to hover?</p>