.lh-image-overlay {
        display: inline-block;
        max-width: 100%;
        vertical-align: top;

        img,
            .ccm-image-block {
                display: block;
                max-width: 100%;
                height: auto;
            }

            picture {
                display: block;
                max-width: 100%;
            }

            picture img {
                display: block;
                max-width: 100%;
                height: auto;
            }
    }

    .lh-image-caption {
        position:   absolute;
        left:       20px;
        bottom:     20px;
        z-index:    2;
        padding: 10px 18px;
        
        color: #fff;
        background: rgba(0, 0, 0, 0.75);
        border-radius: 6px;
        backdrop-filter: blur(2px);

        p {
            color: inherit;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.35;
        }
    }

    @media (max-width: 640px) {
        .lh-image-caption {
            left: 16px;
            bottom: 16px;

            padding: 8px;

        }
    }