body {
    background-color: dodgerblue;
    display: flex;
    flex-direction: column;
}

a, span {
    text-decoration: none;
    color: floralwhite;
    font-weight: bold;
}

a:visited {
    color: floralwhite;
    font-weight: bold;
}

.filename {
    color: floralwhite;
}

img {
    display: block;
    max-width: 100%;
    margin: 1rem auto;
}

figcaption,
.filename {
    font-size: 0.7em;
}

@media (max-width: 500px) {

    img {
        display: block;
        max-width: 100%;
        margin: 0.2rem auto;
    }
    figcaption,
    .filename {
     font-size: 0.4em;
    }
}