div.fpp {
display: flex;
flex-direction: column;
justify-content: center;
height: 320px;
max-height: 320px;
object-fit: contain;
margin: auto;
}
div.fpp .fpp-image {
text-align: center;
}
div.fpp .fpp-image figure,
div.fpp .fpp-image img {
max-height: 300px;
object-fit: contain;
}
.mainpage-box div.fpp {
height: 100%;
max-height: 400px;
}
.mainpage-box div.fpp .fpp-image figure,
.mainpage-box div.fpp .fpp-image img {
max-width: 100%;
}
div.fpp .fpp-caption {
text-align: center;
}