.transparent {
    object-fit: contain;
}

.wide {
    grid-column: span 2;
}

.tall {
    grid-row: span 2;
}

.xtall {
    grid-row: span 4;
}

.xtall > * {
    height: 100%;
}

.square {
    aspect-ratio: 1/1;
}

.square .grid-item {
    width: 100%;
    height: 100%;
}

.grid-item-wrapper.tall {
    max-height: 50dvh;
}

.grid-item-wrapper.tall .grid-item {
    height: 100%;
}

.grid-item .text {
    font-size: 1em;
}

.grid-item .text i {
    font-size: 1.25em;
}