.pixelart {
  image-rendering: pixelated;
  object-fit: cover;
}

.galcontent {
    background-color: rgba(37, 40, 49, 0.265);
    backdrop-filter: blur(10px);
    border-radius: 5px;
    padding-inline: 20px;
    padding-block: 10px;
    margin-block: 2em;
    width: min(80vw, 2000px);
    margin-inline: auto;
}

/* Caption background & text */
#gallery .jg-caption {
    background-color: rgb(255, 255, 255); /* semi-transparent black */
    color: #000000; /* white text */
    font-family: 'Press Start 2P', monospace; /* pixel-friendly font */
    font-size: 30px; /* adjust for pixel art scale */
    text-align: center;
    padding: 2px 4px;
    box-sizing: border-box;
    pointer-events: none; /* so it doesn't block hover/click */
    position: absolute;
    margin-block: 50%;
    width: max-content;
    z-index: 10000;
}

/* Optional: hover effect */
.jg-image:hover .jg-caption {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    backdrop-filter: blur(30px);
    z-index: inherit;
}