Revise paste Album Shelf Code - +In-Browser Playback

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
below is the Profile CSS. put it in the first box.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<div class="albumshelf">
  
  <div id="album1" class="album" style="left:100px;top:100px;z-index:10">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810000_junx4xBazg8vbNJ.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> TRON:Ares(Original Motion Picture Soundtrack) </h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  
  <div id="album2" class="album" style="left:175px;top:100px;z-index:9">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810003_y5hLlObzF2YQCmg.png"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> Hyperdrama </h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  
  <div id="album3" class="album" style="left:250px;top:100px;z-index:8">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810004_pdEP4v1RxhJZLZC.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> Moon </h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  
  <div id="album4" class="album" style="left:325px;top:100px;z-index:7">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810006_f5IuWAi12R0La2P.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> Minecraft:Trails&Tales (Original Game Soundtrack) </h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  
  </div>
  
  <div id="album5" class="album" style="left:400px;top:100px;z-index:6">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810008_ufKqJU96dla9MFG.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> Dusty House Mix </h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  
  <div id="album6" class="album" style="left:475px;top:100px;z-index:5">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810010_XWqt45kVl4VVd8y.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> I Got Heaven </h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  
  <div id="album7" class="album" style="left:550px;top:100px;z-index:4">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810089_SXDl4D4PVNFDyWA.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> <i style="color:gray">[[Blank Project II]]</i> </h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  
  <div id="album8" class="album" style="left:625px;top:100px;z-index:3">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810011_xNssjX1e2skbneb.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> Tron:Legacy-The Complete Edition (Original Motion Picture Soundtrack)</h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  
  <div id="album9" class="album" style="left:700px;top:100px;z-index:2">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109810014_gjfKbrICQ6kfzRE.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> Wild Style</h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  
  <div id="album10" class="album" style="left:775px;top:100px;z-index:1">
    <div class="column" style="width:150px;display:inline-block;position:absolute;top:0;left:0;"><a target="_blank" href="ALBUMLINK"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/109809998_zjPrO99NOBoDPtZ.jpg"></a></div>
    <div class="column" style="width:350px;display:inline-block;margin:0;position:absolute;top:0;left:150px;"><h1><i class="fa-solid fa-users-rectangle"></i> Band Name</h1>
    <hr>
    <h2><i class="fa-solid fa-album"></i> <i style="color:gray">[[Blank Project]]</i></h2>
    <h3><div style="font-size: 13px;"><i class="fa-fade fas fa-play"></i><iframe style="opacity: 0.001; height: 70%; width: 50%; position: absolute; bottom: -4px; left: -2px;" src="https://www.youtube.com/embed/YOUTUBEURL"></iframe> Favorite Track: <a target="_blank" href="SONGLINK">Track Title</a></div></h3>
  </div>
  </div>
  <div style="position:absolute;bottom:50px;left:37%;font-size:30px;font-weight:bold">=Recent Rotation=</div>
  
  <div style="position:absolute;bottom:30px;font-size:15px;opacity:0.6;left:34%">Click the <i class="fa-fade fas fa-play"></i> Icon to play the song in-browser!</div>
  
  <div style="position:absolute;color:grey;important;right:-50px;bottom:170px;transform:rotate(-90deg);">code by @o-p-a-l</div>
  
  <div style="position:absolute;right:-300px;width:300px;height:1px;"> </div>
  
</div>

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
below is the CSS code. paste into the second box on the profile editor.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

@import url('https://fonts.googleapis.com/css?family=Nova+Square');
 
.albumshelf {
  font-family: 'Nova Square', sans-serif;
  position: relative;
  margin: auto;
  width: 1030px;
  height: 400px;
  background: linear-gradient(to bottom, rgba(33, 33, 33, 0), rgba(33, 33, 33, .5), rgba(22, 22, 22, 1), rgba(22, 22, 22, 1), rgba(0, 0, 0, 0));
}
 
.album {
  width: 150px;
  height: 150px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  color: white;
  transition: all .3s;
  position: absolute;
  transform: skewY(20deg);
  overflow: hidden;
  display: inline;
}
 
.album:hover {
  transform: translateY(-100px) width:500px;
  height: 300px;
  width:500px;
}
 
.album img {
  height: 150px;
  width: 150px;
  transition: all .3s;
}
 
.album hr {
  width: 90%;
  border: 1px dashed white;
  margin: 0;
  margin-bottom: 5px;
}
 
.album h1 {
  font-size: 25px;
  font-weight: bold;
  margin: 0;
}
 
.album h2 {
  font-size: 20px;
  margin: 0;
}
 
.album h3 {
  font-size: 15px;
  font-style: italic;
  margin: 0;
}