This took me ages to format but here!

<div class="card p-3 m-2">
            <div class="p-2">
              <h4 class="text-uppercase text-muted"><i class="fas fa-music"></i> Playlist</h4>
              <div class="container" style="height:385pt;width:100%;overflow-x:auto">
                <div class="p-2 p-lg-3" style="overflow:auto;">
                

               <div class="container p-1 m-1 bg-faded" div align="left" style="width:80%">

               <div class="container p-0" div align="left" style="height:90pt; width:70%; overflow:auto">
                     <div class="square" div align="left;center" style="height: 60px; width: 60px;
                      background: url(https://media.discordapp.net/attachments/985924144854093874/988153843395203122/IMG_5584.png) left no-repeat;
                        background-size: cover;">
                       </div>
               <div align="right;center">{CRYSTAL CASTLES}-Affection<br><audio controls=""><source  src="https://docs.google.com/uc?export=open&id=1JrKLW2VcGiRW_Qr5quHJro5bnUeQIJln"></audio>
               

               </div>
                </div>
                </div>
                

               <div class="container p-4 m-1 bg-faded" div align="left" style="width:80%">
               

               <div class="container" div align="left" style="height:90pt; width:80%; overflow:auto">
                     <div class="square" div align="left-center;" style="height: 60px; width: 60px;
                      background: url(https://images.unsplash.com/photo-1526047932273-341f2a7631f9?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=800&q=80) left no-repeat;
                        background-size: cover;">
                       </div>
              <div align="center">TEXT HERE<br><audio controls=""><source  src="MP3LINK"></audio>
               

                </div>
                </div>
                </div>
                </div>
                </div>