/* Layout (flex columns for row order / multi-column for column order) is emitted inline
   by masonry.tpl, parameterised by the plugin settings. This file only styles the items. */
.masonry-gallery {
    width: 100%;
}

/* No min-height: the thumb must wrap the image exactly, otherwise a viewport-relative
   floor (e.g. 10vh) grows past the image when zoomed out and leaves a black band below it. */
.masonry-thumb {
    text-align: center;
    max-height: 100vh;
    overflow: hidden;
    background: #111;
    position: relative;
}
.masonry-thumb img {
    width: 100%;
    height: auto;
    max-height: 1000px;
}