/* Thumbnail images */
img[src*="#thumbnail"] {
    width: 24px;
    height: 24px;
    filter: invert(100%);
    border: none;
}

/* Square poster images */
img[src*="#poster-square"] {
    width: 60px;
    height: 60px;
    border: 2px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

/* Hover effect for square poster images */
img[src*="#poster-square"]:hover {
    transform: scale(1.05);
}

/* Rectangular poster images */
img[src*="#poster-rect"] {
    width: 60px;
    height: 90px;
    border: 2px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

/* General image styling */
img {
    border: 2px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Override link underline for specific images */
a[href*="#poster-square"],
a[href*="#poster-rect"] {
    text-decoration: none;
}


/* General styles */
text-decoration: none;

/* Ensure the iframe is treated as a block element and remove any margin/padding */
iframe {
    margin: 0;
    padding: 0;
    display: block;
    border: none; /* Remove any default border */
}

/* Specific styles for Spotify iframes */
iframe[src*="open.spotify.com"] {
    margin-bottom: 0; /* Adjust this value as needed */
    height: auto; /* Ensure the height is auto-adjusted */
}

/* Additional styles to ensure no extra space */
figure {
    margin: 0;
    padding: 0;
}

figcaption {
    margin: 0;
    padding: 0;
}