A K

Варианты реализации

1. Вместо ста картинок лучше использовать видео (1080p60), зарендерить и с помощью html5 и скролла управлять проигрыванием видео.
2. Для планировок используйте svg
3. Список библиотек, плагинов:

Уважаемый, для таких целей советую использовать svg (пример карты).

Если делать как Вы хотите, т.е. выставлять произвольный процент в такую конструкцию
<div class="circle">37%</div>
Как вариант можно сделать с помощью svg

В любой непонятной ситуации используйте svg

Вот так jsfiddle.net/Symphony/fw81ctzm/1

ul li div {
    position: absolute;
}

Скажите, пожалуйста, возможно ли пофиксить две ситуации, на скриншотах?

Да.

@media (max-width: 767px) {
    .mybox {
        display: none;
    }
}

block.css({
        transform: 'translate(' + (event.pageX / 4) + 'px ,'+(event.pageY / 4) + 'px )',
    });

Вариантов большое количество, вот один из них: как и требовалось 20% черный (онли css) jsfiddle.net/Symphony/fs3sne1n

Вариантов очень много, как пример, если за основу брать ваш код: jsfiddle.net/xf5rwnan/2

<textarea placeholder="Hello"></textarea>

textarea {
    padding: 10px 15px;
}

css

• :after :before
  
• border-image css3
  
• border-radius
  
• background: linear-gradient css3
  

Как пример: jsfiddle.net/f36r2dtw

Тыщща раз уже