#latest_science_highlight { positition: relative; /* to vertical align title */ margin-left: 0.5em; } .scienceHighlightThumbnail { height: 170px; /* height: 150px; */ /* width: 200px; */ /* object-fit: cover; */ object-fit: contain; } .scienceHighlightTitle { /* white-space: nowrap; */ /* text-align: center; */ max-width:200px; /* same as thumbnail */ /* overflow:hidden; */ /* vertical-align:bottom; */ /* position:absolute; */ /* absolute relative to first relative parent, which is why div.pod has position:relative */ /* bottom:0px; */ /* overlaps image, so make background white */ /* background-color:white; */ /* width:100%; */ }