.screenshot {
    display: inline-block;
    margin: 0.5rem 0;
}

.screenshot a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    border: 1px solid rgba(74, 41, 194, 0.25);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    text-decoration: none;
    line-height: 0;
}

.screenshot a:hover {
    border-color: rgba(74, 41, 194, 0.7);
    box-shadow: 0 4px 24px rgba(74, 41, 194, 0.3);
    transform: translateY(-2px);
}

.screenshot img {
    display: block;
    max-width: 100%;
    max-height: 500px;
    height: auto;
    width: auto;
    border-radius: 5px;
    transition: opacity 0.2s ease;
}

.screenshot a:hover img {
    opacity: 0.92;
}