.picture-element {
    position: relative;

    margin: 0;
    background: #111;
}

.picture-element__media,
.picture-element__media .rc-picture,
.picture-element__media picture {
    display: block;
    width: 100%;
}

.picture-element__media img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.picture-element.picture--ratio-landscape .picture-element__media img {
    aspect-ratio: 16 / 9;
}

.picture-element.picture--ratio-square .picture-element__media img {
    aspect-ratio: 1 / 1;
}

.picture-element.picture--ratio-portrait .picture-element__media img {
    aspect-ratio: 4 / 5;
}

.picture-element.picture_rounded {
    border-radius: var(--forum-radius, 14px);
}

.picture-element__content {
    position: absolute;
    inset: auto 0 0;
    padding: clamp(1rem, 4vw, 2rem);
    color: #fff;
    background: linear-gradient(transparent, rgba(0, 0, 0, .78));
}

.picture-element__headline .rc-text__inner> :first-child,
.picture-element__cta .rc-text__inner> :first-child {
    margin-top: 0;
}

.picture-element__headline .rc-text__inner> :last-child,
.picture-element__cta .rc-text__inner> :last-child {
    margin-bottom: 0;
}