#displayedImageBox {
    max-height: 500px;
    max-width: 500px;

    align-content: center;
    place-self: center;

    margin: 3px;
}

.imageDisplay {
    border: 1px solid #981d07;
    border-radius: 8px;

    max-height: 300px;
}

#imageAlbum {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

    position: relative;

    width: auto;
    height: auto;

    overflow: hidden;

    margin: 15px;
}

.imageBox {
    max-height: 100px;
    max-width: 100px;

    align-content: center;
    text-align: center;

    margin: 3px;
}

.imageBox:hover {
    filter: brightness(1.2);
}

.imagePreview {
    border: 1px solid #981d07;
    border-radius: 8px;

    max-width: 100%;
    max-height: 100%;
}