@nichoth/image/example/preact-local.css

An image component

.placeholder, .non-blurry-wrapper {
    display: inline-block;
    height: 50vw;
    width: 50vw;
}

.non-blurry-wrapper {
    & img {
        max-width: 100%;
        max-height: 100%;
    }
}

.blur-test, .non-blurry-image {
    & img {
        object-fit: cover;
    }
}