/* one image in html */
.image_div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; /* caption */

    width: 90%;
    max-width: 1500px;
    text-align: center;
    margin: auto;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.image_div div {
    width: 100%;
}
.image_div img {
    /*display: flex;*/
    margin: auto;
    max-width: 100%;
}

/* image div's caption */
.image_div p {
    text-align: center;
    text-align-last: center !important; /* important in articles */
    margin-top: 0.4em;
    margin-bottom: 0;
}