[html]
<style>

.testimonial-quote {
    font-size: 16px;
    background: #f3f3f3;
    float: right;
    width: 100%;
    margin-top: -59px;
    border-radius: 91px 20px 20px 20px;
    padding: 10px 2px 2px 2px; }

.testimonial-quote blockquote1 {
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: gray;
    font-family: Georgia, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

.testimonial-quote blockquote1 * {
    box-sizing: border-box;
}

.testimonial-quote blockquote1 p {
    color: #75808a;
    line-height: 1.4 !important;
}

.testimonial-quote img {
    border: 3px solid #ccc;
    border-radius: 50%;
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    top: -1.2em;
    left: 0px;
    float: left;
    z-index: 40;
    box-shadow: 2px 2px 3px 2px #ccc;
}

.testimonial-quote cite {
    color: gray;
    display: block;
    font-size: .8em;
    background: #e1e1e1;
    width: 500px;
    padding: 12px 12px 12px 12px;
    margin: 0px 0px 11px -160px;
    border-radius: 40px 40px 40px 40px;
}
 
.testimonial-quote cite span {
    color: #5e5e5e;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px white;
}

.testimonial-quote {
    position: relative;
}

.testimonial-quote .quote-container {
    padding-left: 212px;
}
 
.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 160px;
}

.testimonial-quote.right img {
    left: auto;
    right: 0;
}

.testimonial-quote.right cite {
    text-align: right;
}

</style>

<div style="width: 593px; margin: 0 auto; padding-top: 80px; padding-bottom: 40px; padding-right: 40px;">

    <div class="testimonial-quote group">
        <img src="https://media0.giphy.com/media/cPfITd9BeEM6oiO7V7/giphy.gif">
        <div class="quote-container">
            <blockquote1>
                <p>Добро пожаловать!</p>
<p>по мотивам Bishoujo Senshi Sailor Moon</p>
<p>Приквел</p>
            </blockquote1> 
<p style="background: #feffd7;  width: 310px; margin: 12px 12px 12px -211px;  padding: 12px 68px 11px 206px;  box-shadow: 2px 2px 2px 2px #ccc;  border: 3px dotted #ccc3;    border-radius: 20px 0px 0px 200px;">Здесь Вы не встретите привычных героев. Это предыстория мира.</p>
            <cite><span>Роли забронированы:</span><br>
                <br>
                -
            </cite>
        </div>
    </div>   
       

</div>

[/html]