.album-art-container {
    position: relative;
    overflow: hidden;
}

/* New images for the 'church' folder */
.random-image-church {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 3; /* Ensure it overlays on top */
    display: none; /* Hidden until hover */
    filter: grayscale(100%) brightness(80%) contrast(100%);
}

/* Inheriting the 3-Layer Halftone Effect */
.random-image-church::before,
.random-image-church::after,
.random-image-church .halftone-layer {
    content: "";
    position: absolute;
    top: -25%;
    left: -25%;
    width: 150%;
    height: 150%;
    background: radial-gradient(circle at center, var(--line-color) 30%, transparent 31%);
    background-size: var(--dot-size) var(--dot-size);
    image-rendering: pixelated;
    filter: contrast(var(--line-contrast));
    mix-blend-mode: var(--blend-mode);
    opacity: 0.5;
    pointer-events: none;
}

.random-image-church::before {
    transform: rotate(15deg);
    animation: radialHalftoneMove 20s infinite linear;
}

.random-image-church::after {
    transform: rotate(-15deg);
    animation: radialHalftoneMove 20s infinite reverse linear;
}

.random-image-church .halftone-layer {
    transform: rotate(30deg);
    animation: slowScaleShift 30s infinite alternate ease-in-out;
}