There's only one background image, and link images are part of the image. I need to attach `<a href="#" ..` to this background image.

The problem:

Since these images are part of one the image, it becomes very hard to make it responsive.
Currently I have a div which contains `a` tag with a needed `href` attribute.

CSS:

```
#link_div {
 height: 14%;
 left: 29%;
 top: 44%;
 width: 6%;
}

```

![enter image description here](https://i.stack.imgur.com/qCXMM.jpg)

If I resize a window, then I need to `height`, `left`, `top`, `width` to be changed dynamically according to a new window size. Is it possible to solve with CSS?