/* main container: flex-box with wrapping, align to centre */
.wst-flex-wrap-center {
margin: auto; /* centre in page if width < 100% */
display: flex;
flex-wrap: wrap;
justify-content: center;
}
/* the direct childen have this class */
.wst-flex-wrap-center > ._flex_child {
/* default: a little padding on each side to separate cells */
/* can be overridden on a per-cell basis */
margin: 0.5em;
}
/* utility class if you want to remove child padding (can override without this) */
.wst-flex-wrap-center > ._flex_child._no_margin {
margin: 0;
}
.wst-flex-wrap-center img {
max-width: 100%; /* don't allow the imge to overspill containers */
height: auto; /* maintain aspect ratio */
}