Как сверстать адаптивно эти блоки?
1) Придется делать как в старые добрые времена, когда не все браузеры поддерживали round border:2) По поводу стрелочек. Проверяй js влезают ли они полностью, если да - оставляй, иначе - display: none. Хотя не думаю, что если часть не влезет, то это будет катастрофа.
3) Если экран узкий, устанавливай альтернативное облако со стрелкой вверху под человечком. Иначе - как на макете.
warcevil: 
1. Рамка с болтиками можно сделать с помощью border-image, болтики через before и after или позиционированием bg. (Второй вариант лично мне нравится больше)
2. Блок со стрелками я бы делала через display:flex и сами стрелки фоном contain
3. Аналогично background-size: contain. Размер шрифта либо считать через vw либо изменять в точках перелома макета.