You're on Earth and I'm in Space

<link href="https://fonts.googleapis.com/css?family=Lato|Poiret+One" rel="stylesheet">
<center><style>
 .moodybox {height: 500px; width: 500px; border: 1px solid black; background: white; position: relative;}
 .boxes {height: 125px; width: 125px; border: 1px solid black; position: absolute;}
 .bigbig {height: 460px; width: 460px; border: 1px solid black; background-image: url(https://images.rpginitiative.com/uploads/monthly_2018_07/large.1775806449_FloorPatternTool_2015_Diamond.png.7efeb14819a9b72ccf92bf08b6310b79.png); background-size: 12%; position: absolute; left: 19px; top: 19px;}
 .quote {padding: 5px; font-family: 'Poiret One', cursive; font-weight: bold; text-align: center; font-size: 16px; background: rgba(176,70,89,1); border: 1px solid black; position: absolute; height: 20px; width: 490px; top: 458px; left:-1px; color: black;}
 .creditm {position: absolute; font-family: monospace; font-size: 8px; top: 500px; left: 250px;}
 .creditm a {text-decoration: none; color: rgba(176,70,89,1);}
</style>
<div class="moodybox"><div class="bigbig">
 <div class="boxes" style="top: 20px; left: 20px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
 <div class="boxes" style="top: 20px; left: 165px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
 <div class="boxes" style="top: 20px; left: 310px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
 <div class="boxes" style="top: 160px; left: 20px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
 <div class="boxes" style="top: 160px; left: 165px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
 <div class="boxes" style="top: 160px; left: 310px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
 <div class="boxes" style="top: 300px; left: 20px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
 <div class="boxes" style="top: 300px; left: 165px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div>
 <div class="boxes" style="top: 300px; left: 310px;"><img src="https://placehold.it/125" style="height: 100%; width: 100%"></div></div>
 <div class="quote">lyrics here, doesn't grow or scroll</div>
 <div class="creditm"><a href="https://rpginitiative.com/profile/2592-penny/">♔</a></div>
</div>
</center>