.button-frame {
cursor: pointer; display: block; flex: 1 1 auto; min-width: 220px;
}
- illustrations > section {
display: none;
}
- illustrations > section:first-child {
display: block;
}
.button-frame > img {
object-fit: contain; opacity: 0.5; max-width: 275px;
}
.button-frame:hover > img {
opacity: 1;
}
- portraits {
align-items: center; display: flex; flex-flow: row wrap; justify-content: space-around;
}
- portraits > figure {
flex: 0 1 auto; width: 30%; margin: 0 10px; overflow: hidden; padding: 0; min-width: 200px;
}