Как реализовать данные стрелки и чтобы было адаптивно?

Антон, примерно так?
https://jsfiddle.net/umeryg1z/1/

Как реализовать данные стрелки и чтобы было адаптивно?

Рустам Байназаров, спасибо

Как реализовать данные стрелки и чтобы было адаптивно?

Рустам Байназаров, В 1000 раз проще сделать две SVG-картинки, тем паче в таком случае.
--------

но если две свг картинки - то все равно ж будет криво

И если в макете они растр, то как делать?

Как реализовать данные стрелки и чтобы было адаптивно?

Рустам Байназаров, JS это общий ответ
Можно чуть подробнее, пожалуйста?

Как реализовать данные стрелки и чтобы было адаптивно?

Рустам Байназаров, суть в том что нужно на десктопе 4 стрелки
а на мобилке 2

Или это мало что меняет?

Как отображать в оверлее под картинками текст, который берется с дата атрибутов?

Дмитрий, спасибо
взаимно)

Как отображать в оверлее под картинками текст, который берется с дата атрибутов?

Дмитрий, супер
Спасибо огромное!!

Как отображать в оверлее под картинками текст, который берется с дата атрибутов?

Дмитрий, спасибо что помогаете
но все -равно не то
очень близко но не то
у меня теперь попап открыт всегда

https://codepen.io/Olya097/pen/qBWGGJr

а мне нужно только по клику

а если меняю скрипт - то поведение не то
вообще не то((

Как отображать в оверлее под картинками текст, который берется с дата атрибутов?

Дмитрий, вот
некорректно работает только в первом итеме отображается https://codepen.io/Olya097/pen/YzKbmgq

Как отображать в оверлее под картинками текст, который берется с дата атрибутов?

Дмитрий, все равно не хочет отработать как нужно

Как отображать в оверлее под картинками текст, который берется с дата атрибутов?

Дмитрий, при листании в оверлее текст также должен меняться

Как отображать в оверлее под картинками текст, который берется с дата атрибутов?

Дмитрий, так мне нужно чтобы текст из дата атрибутов выводилось только в оверлее
типа того

Есть ли аналог в css?

Рустам Байназаров, JS-надстройка скорее всего

Есть ли аналог в css?

Рустам Байназаров, а что подходит? не совсем поняла
Есть пример?

upd. и что нужно поправить чтобы точка плавно переезжала с места на место?

Есть ли аналог в css?

Рустам Байназаров, https://codepen.io/Olya097/pen/KKPLrxN
примерно такое
немного криво перенеслось

но вся суть перенеслась

Есть ли аналог в css?

origami1024, спасибо
Только вопрос
Вы привели привели пример текстом и эффектом опасити
А что мне анимирововать если у меня текстовый слайдер, сбоку справа то что на скрине ниже?

Почему не отрабатывает картинка по ховеру?

Сергей delphinpro, https://codepen.io/Olya097/pen/gOYJexJ
сделала через масонри

Но растояние не применилось
column-gap: 30px

и почему то не гибко если еще изображение добавлять

Что поправить чтобы по ховеру на 1, 2 область была не такой большой?

Ankhena, спасибо

Почему не отрабатывает картинка по ховеру?

Сергей delphinpro, спасибо

Почему не отрабатывает картинка по ховеру?

Сергей delphinpro, тогда в адаптиве будет косяк при ховере