Как сделать таку скобку на чистом css?

Question

[orsodev]

Answer 1

[Stalker_RED]

.brace {
  background: lightblue; 
  margin: 50px; /* эти две строчки только для демо */
  
  width: 40px;
  height: 240px; /* ширину и высоту настройте под себя */
  
  transform: perspective(10px) rotateY(1deg); /* здесь вся магия перспективы
  */
  border: solid red; /* стили линии */
  border-width: 3px 3px 3px 0;
  border-radius: 0px 10px 10px 0;  /* закругляем только с одной стороны */
}

Answer 2

[orsodev]

Я наверно плохо расписал то что мне нужно.
На сайте есть ряд элементов.
Одни со скобками, другие в боксах.

Мне нужен универсальный вариант чтобы все выглядело одинаково. SVG плохо адаптируются и ведут себя не так как нужно, поэтому хочу сделать это через css
Закругленность должна оставаться одинаковой по углам, нужно менять только высоту в зависимости от контента внутри