.ocf-media-placeholder,
.ocf-svc-card-placeholder {
    display: grid;
    min-height: 12rem;
    place-items: center;
    border: 1px dashed var(--ocf-border);
    background: var(--ocf-bg-alt);
    color: var(--ocf-label);
    overflow: hidden;
}

.ocf-media-placeholder svg,
.ocf-svc-card-placeholder svg {
    width: clamp(2rem, 8vw, 4rem);
    height: clamp(2rem, 8vw, 4rem);
}

.ocf-media-placeholder img,
.ocf-svc-card-placeholder img {
    width: 100%;
    height: 100%;
    max-height: 28rem;
    object-fit: cover;
}