JSFiddle - React, Tailwind, and code Playground

by Craig Haywood

HTML

<div data-op3-element-container="" data-op3-sticky="0" data-op3-sticky-active-desktop="1" data-op3-sticky-active-tablet="1" data-op3-sticky-active-mobile="0" data-op3-sticky-top-desktop="0px" data-op3-sticky-top-tablet="0px" data-op3-sticky-top-mobile="0px" data-op3-sticky-until="0" data-op3-sticky-until-element=""><div data-op3-children="2" data-op3-stack-columns-desktop="0" data-op3-stack-columns-desktop-reverse="0" data-op3-stack-columns-tablet="0" data-op3-stack-columns-tablet-reverse="0" data-op3-stack-columns-mobile="1" data-op3-stack-columns-mobile-reverse="0" data-op3-wrap-columns-desktop="0" data-op3-wrap-columns-tablet="0" data-op3-wrap-columns-mobile="0"><div id="op3-element-Wqfi4dIx" class="op3-element " data-op3-uuid="Wqfi4dIx" data-op3-gid="" data-op3-element-type="column" data-op3-element-spec="" data-op3-element-caption="Column #YRDPGymJ" data-op-visibility-hidden="0" data-op-element-hidden="0" data-op3-style-id="" data-op3-has-children="1"><div class="op3-column-content op3-background-parent"><div data-op3-element-container=""><div data-op3-border=""><div data-op3-background="base"></div></div><div data-op3-children="1"><div id="op3-element-03TdrbLp" class="op3-element " data-op3-uuid="03TdrbLp" data-op3-gid="" data-op3-element-type="image" data-op3-element-spec="" data-op3-element-caption="Image #03TdrbLp" data-op-visibility-hidden="0" data-op-element-hidden="0" data-op3-style-id="" data-op3-has-children="0"><figure class="op3-background-ancestor"><div class="op3-image-overlay-container"><img src="https://superlisthero.com/wp-content/uploads/2023/02/guarantee.png" alt="" title="guarantee" width="752" height="752" data-op3-attachment-id="468"></div></figure></div></div></div></div></div><div id="op3-element-zLuh3m41" class="op3-element " data-op3-uuid="zLuh3m41" data-op3-gid="" data-op3-element-type="column" data-op3-element-spec="" data-op3-element-caption="Column #os8vrmUC" data-op-visibility-hidden="0" data-op-element-hidden="0"...

CSS

.box {
  border:4px solid #0000;  border-radius:10px;  background:linear-gradient(white,white) padding-box, linear-gradient(45deg,orange,black, red) border-box;
}
body {
  background:#111;
}