JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:250px;height:250px;"></div>

CSS

/* 
inner content color = #000 = first linear-gradient
padding color = red = second linear-gradient
*/
div {
    padding:25px;
    background-image: linear-gradient(rgba(50,50,50,0.5), rgba(50,50,50,0.5)), 
        linear-gradient(red, red);
    background-clip: content-box, padding-box;
}