music album display

<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: #000000;

   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://hips.hearstapps.com/hmg-prod/images/pokemon-1671869502.jpg?crop=0.566xw:1.00xh;0.194xw,0&resize=1200:*"/>

 </div>

 <div class="title">Jason Paige - Pokémon theme</div>

<div class="disc">

   <img src="https://i.ebayimg.com/images/g/9tQAAOSwdchnjaWF/s-l1200.jpg"/>

 </div>

 <div class="title">Creepy Nuts - Otonoke</div>

<div class="disc">

   <img src="https://upload.wikimedia.org/wikipedia/en/thumb/1/15/WhereOurBlueIslimited.jpg/250px-WhereOurBlueIslimited.jpg"/>

 </div>

 <div class="title">Tatsuya Kitani - Where Our Blue Is</div>

<div class="disc">

   <img src="https://i.ytimg.com/vi/89HDhATJ6vU/hqdefault.jpg?v=60662d46"/>

 </div>

 <div class="title"> ALI - Lost in Paradise</div>

<div class="disc">

   <img src="https://images.genius.com/89aa03a994b478f05f8c1f0795b33379.1000x1000x1.png"/>

 </div>

 <div class="title">King Gnu - Specialz</div>

<div class="disc">

   <img src="https://cdn-images.dzcdn.net/images/cover/4803ed0a3bbe29f2a28e62b000a25d8e/0x1900-000000-80-0-0.jpg"/>

 </div>

 <div class="title">AKUGESTU & PARK BYEONG HOON - Cure</div>

<div class="disc">

   <img src="https://images.genius.com/f591c8f136c98ea7eb606e68191c054e.714x720x1.jpg"/>

 </div>

 <div class="title"> PARK BYEONG HOON - Black Sorrow</div>

<div class="disc">

   <img src="https://i.scdn.co/image/ab67616d0000b2730467abb83243ea15cd4113e9"/>

 </div>

 <div class="title">Rubyeye & C!naH- My Clematis</div>

<div class="disc">

   <img src="https://images.genius.com/a62cd2e25b32ec58bde8f01cb2364614.1000x1000x1.png"/>

 </div>

 <div class="title">AKUGESTU & BL8M - Blink Gone</div>

<div class="disc">

   <img src="https://static.wikia.nocookie.net/alien-stage/images/e/e0/Ruler_of_my_heart_twt_cover1.jpg/revision/latest?cb=20240403004817"/>

 </div>

 <div class="title">BL8M & Rubyeye - Ruler of my heart</div>

<div class="disc">

   <img src="https://i.discogs.com/_4I_Jjg7o3ep_UNtfMkgkRBTVF7ZbHzQC7Y2OTClECM/rs:fit/g:sm/q:40/h:300/w:300/czM6Ly9kaXNjb2dz/LWRhdGFiYXNlLWlt/YWdlcy9SLTE3ODE1/NTQzLTE2MTU3MDA5/OTYtNzk4MS5qcGVn.jpeg"/>

 </div>

 <div class="title">Pedro Silva - Omori OST</div>

<div class="disc">

   <img src="https://i.postimg.cc/s1dvb7Bq/the-best-school-bus-graveyard-logo-v0-syy1sysvx22g1.jpg"/>

 </div>

 <div class="title">LMFAO - Party Walkers</div>

</div>

srry guys i got lazy so i didnt take the links off nor the artist