.pictures-widget {
    display: block;
    background-color: var(--global_color-foreground);
    text-decoration: none;
    color: white;
    padding: 1rem;
        text-align: center;

    img {
        width: 100%;
        border: 0.1rem solid white;
    }

    &:hover {
        color: white;

        .bigtext {
            color: var(--global_color-main);
        }
    }

    & > div {
        & > span {
            display: block;
        }
        .bigtext {
            text-transform: uppercase;
            font-size: 1.75rem;
        }
        .subtitle {
            font-size: 0.8em;
            font-family: Arial, var(--font-sans-serif);
        }
    }
}