Как сделать заголовок в диалоговом пузыре?

Question

[AlexandraWeather]

подскажите, пожалуйста, как такое делается? попробовала через псевдоэлемент и картинку контура, но выглядит плохо

Comments

[AlexandraWeather]

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

[AlexandraWeather]

вот так должно быть

[Ankhena]

AlexandraWeather, зачем border-то для этого?
Просто фоном.
Пропорции svg сломать с помощью preserveAspectRatio="none"
Хвост я бы ставила отдельно, чтобы он не портил картину.
С другой стороны, если такая радость одна, то и без разницы если он изменит пропорции.
Возможно, пригодится ещё vector-effect="non-scaling-stroke", пробуйте.

[AlexandraWeather]

Ankhena, эта радость не одна( таких радостей пять

[AlexandraWeather]

Ankhena, огромное спасибо, все получилось!