Максим Ленский

https://habr.com/ru/company/google/blog/173861/ - читаем эту канитель и тренируемся

К примеру: есть iframe в котором есть src добавляешь поле в iframe, к примеру data-src
Потом из src удаляешь ссылку но помещаешь её в data-src, когда видео станет в поле зрение src = data-src всё

Как я и сказал - что изображения надо подготовить - вкладываю в виде превью gif и ссылку на папку в dropBox

Ссылка на dropBox

Это такой вопрос вообще не много щепитильный ответ на который удар ниже пояса любому разработчику
К примеру я co-founder или ещё круче creator и меня естественно жаба душит платить бабло десяти специалистам вместо того что бы взять 3х и отдавать им среднюю з/п что бы так сказать у них была икра но не самая дорогая.

А требования типа уметь то или ещё что то просто отсекает всяких не квалифицированных претендентов на вакансию дабы не тратить своё драгоценное время на мою фирму и дать мне возможность найти настоящего спеца который за косарь зелени будет выгребать работу

Теперь обобщу - знать надо все технологии и если чего то не знаешь стремиться это узнать ...это повышает шансы к хорошей работе на которой не болит поясница в отличной конторе в мягком кресле с iMac перед глазами

Вот и весь сказ

потому что есть float - но проблему иссякли с появлением flexbox

В хроме дэв тулс удобнее чем в Лисе
Но Лиса не такая тормозная как Хром
Разумеется это моё мнение и я его не навязываю

Так вот - затолкайте все сайдебары в один блок который падает и всё

Как доделать не знаю ...
Что сейчас работает: При наведении на любую область метка перемещается к ней с названием гос-ва
Что не работает: Косячно работает ...надо доработать
Дэмо в codepen

https://codepen.io/topicstarter/pen/vYONKaM

p:s Буду дорабатывать у себя на сервере потому что мне это интересно .. возможно результаты скину сюда

Полупустые страницы ума мало надо - сверстайте магазин и его адаптируйте

Чуть чуть допилить надо (на смартфоне в альбоме нормально отображается)