Как спозиционировать элемент над картинкой?

Question

[d3_dx]

Есть картинка на background'e и есть зеленый кружочек.

Если изменять размер окна браузера, то как и задумывалось картинка становится меньше, но проблема в том, что нужно чтобы кружочек был как бы привязан к картинки и уменьшался одновременно с ней
codepen.io

Comments

[ProjectSoft]

Честно говоря не понятно - зачем? Если можно кружок нарисовать в этом SVG.
Как вариант
https://codepen.io/anon/pen/oVvxZm

[d3_dx]

ProjectSoft, конкретно кружочку нужно менять опасити, а на сколько мне известно, в том виде в котором подключаю я svg, не получится обратиться к какому-то элементу из svg. В html не хочу разворачивать, слишком большая разметка.

Твой способ работает и это хорошо. Спасибо большое)

Answer 1

[Никита Юдин]

.circle
  width: 10vh
  height: 10vh
  top: 20%
  right: 20%