.ratio {
    position: relative;
    height: auto;
    width: 100%;
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio);
}

img {
    vertical-align: middle;
}

.ratio > * {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}