#item-grid {
    display: grid;
    /* This creates columns that are at least 200px wide, automatically fitting as many as possible */
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px; /* Space between the images */
    padding: 20px;
    width: 100%;
}

.album-cover {
  transition: transform 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
  width: 100%; /* Ensures the image fills the grid square width */
  height: auto; /* Maintains the album art square ratio */
}

.album-cover:hover {
  transform: scale(1.03); /* Makes the album pop out slightly */
  opacity: 0.9;          /* Slightly softens the image */
}