updated the page layout with css

template-music.html

@@ -27,12 +27,12 @@
     </header>
 
     <h2 id="djent">djent</h2>
-    <div class="audiocard">
+
+    <div class="audiocard audiocard-floating-left">
         <img class="albumcoversmall"
             src="https://archive.org/download/mbid-b0aba2a0-c210-4201-992e-0c5cc4069321/mbid-b0aba2a0-c210-4201-992e-0c5cc4069321-28191981668_thumb250.jpg"
             alt="Album cover of Periphery's Juggernaut: Alpha">
         <div class="audioinner">
-
             <p>Periphery - Rainbow Gravity</p>
             <a href="https://sumerianrecords.bandcamp.com/album/juggernaut-alpha">Juggernaut: Alpha</a>
             <audio controls>
@@ -42,14 +42,15 @@
         </div>
     </div>
 
+    <p>{{djent-paragraph}}</p>
+
     <h2 id="metalcore">metalcore</h2>
 
-    <div class="audiocard">
+    <div class="audiocard audiocard-floating-right">
         <img class="albumcoversmall"
             src="https://archive.org/download/mbid-886f742e-0bb9-4aad-992b-f43b39f6e054/mbid-886f742e-0bb9-4aad-992b-f43b39f6e054-26050116040_thumb250.jpg"
             alt="Album cover of Invent Animate's Greyview">
         <div class="audioinner">
-
             <p>Invent Animate - Cloud Cascade</p>
             <a href="https://inventanimate.bandcamp.com/album/greyview">Greyview</a>
             <audio controls>
@@ -59,6 +60,12 @@
         </div>
     </div>
 
+    <p>{{metalcore-paragraph}}</p>
+
+    <h3>invent animate</h3>
+
+    <p>{{invent-animate-paragraph}}</p>
+
     <h2 id="progressive">progressive metal</h2>
 
     <div class="audiocard">
@@ -66,7 +73,6 @@
             src="https://archive.org/download/mbid-dcb6d817-0f33-4faa-8720-fb720396a0a8/mbid-dcb6d817-0f33-4faa-8720-fb720396a0a8-14429420393_thumb250.jpg"
             alt="Album cover of Fallujah's Dreamless">
         <div class="audioinner">
-
             <p>Fallujah - Dreamless</p>
             <a href="https://fallujah.bandcamp.com/album/dreamless">Dreamless</a>
             <audio controls>