<svg xmlns="http://www.w3.org/2000/svg" fill="#1B1319">
    <style>
        .preview {
            display: none;
        }

        @media only screen and (max-width: 130px) and (max-height: 55px) {
            .shape {
                display: none;
            }
            .preview {
                display: block;
            }
        }
    </style>
    <defs>
        <mask id="mask">
            <rect width="100%" height="100%" fill="white"/>
            <rect x="24" y="24" width="calc(100% - 48px)" height="75%" rx="32" fill="black"/>
        </mask>
        <mask id="mask_preview">
            <rect width="100%" height="100%" fill="white"/>
            <rect x="6" y="6" width="calc(100% - 12px)" height="50%" rx="4" fill="black"/>
        </mask>
    </defs>
    <rect class="shape" width="100%" height="100%" mask="url(#mask)"/>
    <rect class="preview" width="100%" height="100%" mask="url(#mask_preview)"/>
</svg>
