Как я могу правильно использовать свой собственный стиль цитат?

---

Всем привет,
Я хотел бы поместить некоторые тексты в это поле цитат, так что там должны быть строки, которые разбиты. Я попытался поместить в него несколько ломаных линий, но когда я использую более одной из них, текст не будет находиться в центре, а вторая цитата-картинка не будет находиться в правом нижнем углу. У меня такая же проблема, если я использую только одну или две линии или когда у меня есть линии с одинаковой длиной. Я поместил первую цитатную картинку чуть левее, потому что мне бы хотелось, чтобы она выглядела именно так. :)
Заранее благодарю вас!

Что я уже пробовал:

Вот код, который я использовал:

<center>
<div style="border: 1px solid black; display: inline-block; padding: 20px 80px; text-align: center; width: 300px;">

<img src="https://4.bp.blogspot.com/-4wmRO867-W4/V7qwJGfVBYI/AAAAAAAAAL0/XQHdOxK34asRSXt3FfBKnOS_wGRcneFEwCEw/s1600/quote_basic.png" style="border: none; bottom: 12px; clear: left; float: left; position: relative; right: 60px">

<span style="background-color: transparent; color: black; float: left; font-family: "arial" , sans-serif; font-size: 14px; font-style: italic; line-height: 18.865px;">She just wants to be beautiful <br> She just wants to be beautiful She just wants to be beautiful</span>

<img src="https://4.bp.blogspot.com/-kg4kc90TSqs/V7rjthACJLI/AAAAAAAAAMM/sV7buqkUWH8KqYfBVlCGnq14qMdo4eetwCLcB/s1600/quote_basic_mirrored.png" style="border: none; clear: right; float: right; position: relative; top: 12px; left: 60px">
</div>
</center>

---