.page img {
display: block; margin-left: auto; margin-right: auto;
}
img {
object-fit: contain; max-height: 600px;
}
img:not(.actual-size) {
width: 100%;
}
img.actual-size {
margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px;
}
@mixin halfwidth-img {
width: 50%; max-height: 400px;
}
.halfwidth-left img {
@include halfwidth-img; float: left;
}
.halfwidth-right img {
@include halfwidth-img; float: right;
}
.small-img {
max-width: 200px; max-height: 200px;
}
.caption {
text-align: center; margin-top: 1rem; color: $text-color;
}