html - 紹介ページでこれを達成するにはどうすればよいですか?

Question

引用の最初と最後に特大の引用符を付けたいのですが。現時点で私が抱えている問題は、間隔が広すぎることです。これが私のコードです：

HTML:
<section class="testimonial">
    <span class="quote">&quot;</span>
    <p>
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi.
    </p>
    <div class="last">
        <span class="quote">&quot;</span>
    </div>
</section>

CSS:
/* Testimonials */
.testimonial p {
    margin: 0 12.5% 15px;
    text-align: center;
}

.quote {
    font-family: "times new roman", sans-serif;
    font-size: 5em;
    color: #CC1714;
    display: inline-block;
}

.last {
    text-align: right;
}

これが私が達成したいことです：