/* LIVE Rosenau */

/*
TODO
- use grid?
- merge with company?
*/

.display {
  --ratio: 1 / 1;
  position: relative;
}
.display > * {
  position: relative;
}
.display figure {
  position: absolute;
  left; 0;
  top: 0;
  width: 100%;
  aspect-ratio: var(--ratio);
}
.display figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.display figure + div  {
  /*padding-bottom: var(--padding);*/
  text-align: center;
  aspect-ratio: var(--ratio);
  display: grid;
  place-items: center;
  font-size: 3em;
  line-height: 1;
}
@media screen and (min-width: 40em) {
  .display {
    --ratio: 2 / 1;
  }
}