Template:Gallery/styles.css

@media all and (max-width: 720px) {
	.mod-gallery {
		width: 100% !important;
	}
}
.mod-gallery {
	display: table;
}
.mod-gallery-default {
	background: transparent;
	margin-top: 4px;
}
.mod-gallery-center {
	margin-left: auto;
	margin-right: auto;
}
.mod-gallery-left {
	float: left;
}
.mod-gallery-right {
	float: right;
}
.mod-gallery-none {
	float: none;
}
.mod-gallery-collapsible {
	width: 100%;
}
.mod-gallery .title,
.mod-gallery .main,
.mod-gallery .footer {
	display: table-row;
}
.mod-gallery .title > div {
	display: table-cell;
	padding-bottom: 2px;
	text-align: center;
	font-weight: bold;
}
.mod-gallery .main > div {
	display: table-cell;
}
.mod-gallery .gallerytext>:not(p) {
	margin:.5em 0;
}
.mod-gallery .gallerytext>:not(p)+:not(p) {
	margin-top:-.5em;
}
.mod-gallery .gallerytext {
	line-height: 1.375em;
	font-size: 1rem;
}
.mod-gallery .footer > div {
	display: table-cell;
	padding-bottom: 0.5em;
	text-align: right;
	font-size: 80%;
	line-height: 1em;
}
.mod-gallery .title > div *,
.mod-gallery .footer > div * {
	overflow: visible;
}
.mod-gallery .gallerybox {
	margin-bottom: 2rem;
}
.mod-gallery .gallerybox img {
	background: none !important;
}
.mod-gallery .bordered-images .thumb img {
	outline: solid #eaecf0 1px;
}
.mod-gallery .whitebg .thumb {
	background: #fff !important;
}

.mod-gallery .thumb {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: red;
}