cd collection code (OUTDATED [still works])

!! THIS IS NOT MY OWN CODE !!

this is just the one on my profile, the original code is from this blog: https://blog.spacehey.com/entry?id=1394318



<!-- Layout by fullpersonadonut -->

<!----- COMPACT DISC COLLECTION ---->

<style>
#disc-collection * {
    all: unset;
  }
 
  #disc-collection {
    all: initial!important;
    width: 100%!important;
    height: 240px!important;
    margin: 30px 0!important;
    display: flex!important;
    flex-direction: row!important;
    position: relative!important;
    margin-left: 2px!important;
  }
 
  #disc-collection .disc {
      all:unset!important;
    perspective: 500px !important;
    width: 20px!important;
    transition: width 0.5s!important;
  }
 
  #disc-collection .disc:hover {
    width: 180px!important;
  }

  #disc-collection img {
      all:unset!important;
    transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;
    width: 183px!important;
    height: 180px!important;
    transform: rotateX(0deg) rotateY(5deg)!important;
    transform-style: preserve-3d!important;
    border-radius: 4px!important;
    border: 2px solid rgba(0, 0, 0, 0.1)!important;
    margin-left: 20px!important;
object-fit: cover!important;
  }
 #disc-collection .disc:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), 
linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, 
rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;
    width: 210px!important;
    height: 183px!important;
    transform: rotateX(0deg) rotateY(5deg)!important;
    transform-style: preserve-3d!important;
    border: 0px solid rgba(0, 0, 0, 0)!important;
object-fit: cover!important;
}
  #disc-collection .disc:hover img {
    transform: rotateX(0deg) rotateY(1deg)!important;
    width: 183px!important;
    height: 180px!important;
    margin-top: -25px!important;
    margin-left: 20px!important;
  }
   #disc-collection .disc:hover:after {
    transform: rotateX(0deg) rotateY(1deg)!important;
    width: 210px!important;
    height: 183px!important;
    margin-top: -25px!important;
  }
  #disc-collection .title {
    color: #FFFFFF;
    display: block;
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    padding-left: 6px;
  }
 
  #disc-collection .disc:nth-child(n):hover + .title {
    visibility: visible;
  }

</style>
<div id="disc-collection">

 <div class="disc">
    <img src="https://m.media-amazon.com/images/I/71nYpz++VCL._UF1000,1000_QL80_.jpg">
  </div>
  <div class="title">Weezer - Weezer</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/bd/Green_Day_Insomiac.jpg">
  </div>
  <div class="title">Insomniac - Green Day</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/6/69/Infinityonhigh.jpg">
  </div>
  <div class="title">Infinity On High - Fall Out Boy</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/9/99/CollidewiththeSkycover.jpg">
  </div>
  <div class="title">Collide With The Sky - Pierce The Veil</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/thumb/8/80/TheOffspringSmashalbumcover.jpg/220px-TheOffspringSmashalbumcover.jpg">
  </div>
  <div class="title">Smash - The Offspring</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/3/30/Sum_41_All_Killer_No_Filler.jpg">
  </div>
  <div class="title">All Killer No Filler - Sum 41</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/8/8b/Deftones_-_Diamond_Eyes.jpg">
  </div>
  <div class="title">Diamond Eyes - Deftones</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/b/ba/Hawthorne_Heights%27_debut_-_TSIB%26W.jpg">
  </div>
  <div class="title">The Silence in Black and White - Hawthorne Heights</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/2/2a/Linkin_Park_Hybrid_Theory_Album_Cover.jpg">
  </div>
  <div class="title">Hybrid Theory - Linkin Park</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/c/c1/F.C.P.R.E.M.I.X._%28The_Fall_of_Troy_single_-_cover_art%29.jpg">
  </div>
  <div class="title">Doppelgänger - The Fall Of Troy</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/1/14/Three_cheers_clean.jpg">
  </div>
  <div class="title">Three Cheers for Sweet Revenge - My Chemical Romance</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/e/ed/Green_Day_-_American_Idiot_album_cover.png">
  </div>
  <div class="title">American Idiot - Green Day</div>

 <div class="disc">
    <img src="https://upload.wikimedia.org/wikipedia/en/c/ca/Pinkerton_cover.jpg">
  </div>
  <div class="title">Pinkerton - Weezer</div>

</div>