.album-list {
   display: grid;
   gap: 4px;
}
.album-list__item {
   position: relative;
}
.album-list__item__cover {
   aspect-ratio: 1/1;
   width: 100%;
   object-fit: cover;
   margin-bottom: -4px;
}
.album-list__item__name {
   position: absolute;
   top: 0;
   width: 100%;
   aspect-ratio: 1/1;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0,0,0,0) 90%);
   display: flex;
   flex-direction: column-reverse;
   color: white;
   font-weight: 600;
   padding: 16px;
   font-size: 18px;
   transition-duration: 0.2s;
}

@media screen and (width >= 768px) {
   .album-list {
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
   }
}