html.op3-screenshot #op3-designer-element .op3-element[data-op3-element-type="customhtml"] {
    [data-op3-code-html],
    .op3-element-iframe-placeholder {
        display: none;
    }

    .op3-custom-html-wrapper {
        display: block;
        width: 100%;
        height: 12em;
        background: gray;

        &::before {
            content: "";
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            width: 64px;
            height: 64px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="white" d="M19.402 3.719l-.342.94-8 22-.342.939 1.88.683.341-.94 8-22 .342-.939-1.879-.683zM8 8.586L.586 16 8 23.414 9.414 22l-6-6 6-6L8 8.586zm16 0L22.586 10l6 6-6 6L24 23.414 31.414 16 24 8.586z"/></svg>') center center no-repeat;
            color: white;
            transform: translateX(-50%) translateY(-50%);
        }
    }
}