У меня была идея сделать просто бордер ,но если бордер закругляется,то он сужается к его концу с боков и я не понимаю как это решить тогда.
Моя попытка: https://codepen.io/poylar/pen/YzrqzGm
Взять эту svg и вставить в свой html, поправить номера и все. На этом вся верстка этого блока окончена. В svg должны быть и правильный пунктир, и тени и цвета.
Попытаться сверстать кривое подобие на html и css. Результат как на картинке - недостижим. Примеры выше и вот этот (https://codepen.io/Profesor08/pen/XWedbmj), это прекрасно демонстрируют.
я думаю и искал решение на свг, но для каждого отдельного блока, я сделал что-то такое https://codepen.io/poylar/pen/NWaNqbQ но там видны зазоры между блоками от которых я хз как избавиться.
godsplane, скопируй svg прям из макета. Если скопировать не получается, попроси дизайнера. Если и так не получается, то экспортируй блок картинкой и вставь как картинку. Повторю тут верстать нечего, это просто картинка.