Как сверстать такой интерактивный элемент?
Порядок прост:
1. SVG для пунктиров
2. DIV-ы: 1 DIV центральный и 6 DIV для описаний
3. Относительное позиционирование 6 DIV и 6 SVG относительно центрального
4. Медиа-селекторы для создания адаптивности
Осталось сделать...
Зачем эти полоски верстать? Чтобы что?
Делать их частью картинки, текст поверх, да и всё.
Как вариант, сделать бутерброд из 2 равновеликих картинок - квадрокоптер и все полоски.
Это тот самый случай, когда мудрить нет смысла.