it even works with “full-bleed images”
Image wizardry in eBooks
Jiminy Panoz
1014

Here is the (simpler) CSS snippet as we don’t need :before and :after in this case:

@supports (object-fit: contain) and (height: 100vh) {
.vh-flood {
width: 100%;
float: left;
text-align: center;
min-height: 100vh;
margin: 1vh 0;
}
.vh-flood > img {
max-width: 100%;
height: 99vh;
object-fit: contain;
}
}

But once again, the caveat in ADE “two-column view” is…

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.