Custom Order - Goldilocks - Writing Snippet

<style>
    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

    .overallContainer{
        width:480px;
        padding:20px;
        background:#000;
        background-image: url('https://i.imgur.com/1fP75NL.png');
    }

    .topQuote{
        width: 460px;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: 'Playfair Display', serif;
        text-transform: uppercase;
        font-weight: 100;
        font-style: italic;
        text-align: center;
        font-size: 24px;
        line-height: 29px;
        border: double 10px;
        color: #8a516e;
        margin-bottom: 20px;
    }

    .bottomName{
        width: 460px;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: 'Playfair Display', serif;
        text-transform: uppercase;
        font-weight: 100;
        font-style: italic;
        text-align: center;
        font-size: 31px;
        line-height: 29px;
        border: double 10px;
        color: #8a516e;
        margin-top:20px;
    }

    .writingSpot{
        width:440px;
        background: #fff;
        font-family: 'Playfair Display', serif;
        font-weight: 100;
        text-align: justify;
        font-size: 12px;
        border: double 10px #8a516e;
        color: #000;
        padding:10px;
    }

    .topPictureHolder{
        width: 460px;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        border: double 10px;
        color: #8a516e;
        margin-bottom:20px;
    }

    .bottomPictureHolder{
        width: 460px;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        border: double 10px;
        color: #8a516e;
        margin-top:20px;
    }
</style>


<center>
    <div class="overallContainer">
        <div class="topQuote">
            "Went outside and saw the moon and it made me think of you."
        </div>
        <div class="topPictureHolder">
            <div style="width:200px; height:150px; background:#000; display: inline-block; vertical-align: top; margin-right: 20px;"><img src="https://i.imgur.com/pVtHHcw.gif"></div>
            <div style="width:200px; height:150px; background:#000; display: inline-block; vertical-align: top;"><img src="https://i.imgur.com/u9fFTC6.gif"></div>
        </div>
        <div class="writingSpot">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
            <br><br>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
            <br><br>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
            <br><br>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Integer malesuada nunc vel risus. Elit ut aliquam purus sit. Porttitor rhoncus dolor purus non enim praesent elementum facilisis. Ipsum suspendisse ultrices gravida dictum fusce. Enim praesent elementum facilisis leo vel fringilla est. Morbi tristique senectus et netus et malesuada fames ac. Egestas integer eget aliquet nibh praesent tristique. Adipiscing bibendum est ultricies integer quis auctor elit. Maecenas accumsan lacus vel facilisis volutpat est velit egestas. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum. Placerat in egestas erat imperdiet sed. Vitae auctor eu augue ut lectus arcu. Amet aliquam id diam maecenas ultricies mi eget mauris. Sed tempus urna et pharetra pharetra.
    </div>

        <div class="bottomPictureHolder">
            <div style="width:200px; height:150px; background:#000; display: inline-block; vertical-align: top; margin-right: 20px;"><img src="https://i.imgur.com/xDqlX3s.gif"></div>
            <div style="width:200px; height:150px; background:#000; display: inline-block; vertical-align: top;"><img src="https://i.imgur.com/rCQQuXt.gif"></div>
        </div>
        <div class="bottomName">
            Huntleigh Skai Bellhouse
        </div>
</center>