Maksym Sahaidak

Можно, тебе нужно почитать про current color in svg.
https://stackoverflow.com/questions/13000682/how-d...

Привет, скорее всего ты рановато полез в Tailwind раз не понимаешь как такие штуки делаются.
Это обычная grid сетка, у которой например рядов 5 рядов, и 2 столбика.

Ты должен сделать примерно так:

<div className='grid grid-col-[1fr_1fr] grid-row-[repeat(5,_1fr)]'>
   <div className='row-start-2 row-end-4'> </div>
  // и таким образом двигать нужные тебе блоки, если что ссылка на доку ниже
<div/>

documentation - https://tailwindcss.com/docs/grid-row

Я посмотрел твой код, прикол в том что родительский элемент у тебя flex по этому это не так работает как ты думал, а именно - text питается занять всю ширину. У тебя несколько выходов:
1. Задавать ширину картинке не как width а как min-width.
2. Задать элементу text flex 1.

Ну конечно все зависит от того эффекта который ты хочешь получить. Но решение твой проблемы я написал.