How could I use my own quote style correctly?

See more:

CSS

CSS3

Hi everyone,
I would like to put some lyrics in this quote box, so there should be lines that are broken. I tried to put some broken lines in it, but when I use more than one of them, the text will not be in the center, and the second quote-picture won't be in the bottom-right corner. I have the same problem, if I use just one or two lines, or when I have lines with similar lenghth. I put the first quote picture more to the left, because I would like it to appear in this way. :)
Thank you in advance!

What I have tried:

Here is the code I used:

<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>