Elements

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;font:400 20px Georgia,serif;color:#1c1c1c;background:repeating-linear-gradient(-45deg,rgba(0,0,0,.05) 0 1px,transparent 1px 8px),#fff}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;font:400 20px Georgia,serif;color:#1c1c1c;background:repeating-linear-gradient(45deg,rgba(0,0,0,.05) 0 1px,transparent 1px 8px),#fff}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:radial-gradient(60% 40% at 55% 0,#c6ee7a 0,transparent 72%),radial-gradient(60% 60% at 25% 55%,#6fe0c6 0,transparent 72%),radial-gradient(55% 60% at 95% 60%,#7cc9f2 0,transparent 72%),#8fe3d4}.bg span{position:relative}
</style>

<div class='bg'><i style='left:6%;top:6%;width:44px;height:36px;background:#d9c4ad;transform:rotate(-14deg)'></i><i style='left:42%;top:8%;width:12px;height:12px;border-radius:50%;background:#f5a3b5'></i><i style='right:6%;top:2%;width:50px;height:34px;background:#b9efe0;transform:rotate(8deg)'></i><i style='left:18%;top:42%;width:32px;height:38px;background:#c9c9c9;transform:rotate(24deg)'></i><i style='right:14%;top:30%;width:34px;height:40px;background:#fbe08c;transform:rotate(-24deg)'></i><i style='right:6%;top:58%;width:16px;height:16px;border-radius:50%;background:#aaa'></i><i style='left:34%;top:70%;width:34px;height:24px;background:#9fe5d4;transform:rotate(-8deg)'></i><i style='left:56%;top:58%;width:22px;height:28px;background:#bff0e2;transform:rotate(30deg)'></i><i style='left:60%;bottom:4%;width:42px;height:32px;background:#f8c9a6;transform:rotate(-10deg)'></i><i style='left:8%;bottom:6%;width:26px;height:26px;background:#d4d4d4;transform:rotate(18deg)'></i><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:linear-gradient(#f7f2ea,#eee6da)}.bg i{position:absolute;border-radius:9px}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:radial-gradient(55% 55% at 60% 5%,#ffd24a 0,transparent 72%),radial-gradient(60% 60% at 10% 60%,#ff9d5c 0,transparent 72%),radial-gradient(60% 40% at 70% 110%,#ff8f9c 0,transparent 72%),#ffb470}.bg span{position:relative}
</style>

<div class='bg'><i></i><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:linear-gradient(#ffd9c8 0,#ffe6d8 55%,#e6e0da 82%,#d9dad8 100%)}.bg i{position:absolute;left:50%;bottom:6%;width:34%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#fff6e0 0,rgba(255,236,200,.7) 40%,transparent 70%)}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:radial-gradient(70% 70% at 50% 35%,#ffffff 0,#efeeeb 60%,#dcdad5 100%)}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:radial-gradient(60% 50% at 25% 112%,#e2c4a0 0,transparent 72%),radial-gradient(60% 50% at 65% 118%,#d8b48c 0,transparent 72%),radial-gradient(40% 40% at 70% 10%,rgba(240,215,185,.7) 0,transparent 75%),linear-gradient(#f7efe4,#eddcc6)}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:repeating-linear-gradient(98deg,rgba(255,255,255,.35) 0 1px,transparent 1px 5px),linear-gradient(135deg,#dfeaf0 0,#e9e4ee 45%,#c9dbe9 100%)}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.8) 40%,rgba(0,0,0,.05) 41%,transparent 48%),linear-gradient(115deg,transparent 0 62%,rgba(0,0,0,.06) 64%,rgba(255,255,255,.7) 65%,transparent 72%),linear-gradient(180deg,#f6f3ec,#ece8de)}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:radial-gradient(60% 60% at 85% 20%,#58d8bd 0,transparent 75%),radial-gradient(60% 60% at 0 100%,#7ee3f0 0,transparent 75%),radial-gradient(60% 50% at 100% 100%,#c4f3e2 0,transparent 75%),#dff7ee}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:repeating-linear-gradient(45deg,rgba(120,100,70,.05) 0 1px,transparent 1px 4px),repeating-linear-gradient(-45deg,rgba(120,100,70,.05) 0 1px,transparent 1px 4px),radial-gradient(90% 90% at 50% 40%,#f0e9dc 0,#e6dccb 100%)}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:radial-gradient(40% 40% at 20% 30%,rgba(120,120,120,.18) 0,transparent 75%),radial-gradient(45% 45% at 75% 75%,rgba(100,100,100,.2) 0,transparent 75%),radial-gradient(40% 40% at 85% 15%,rgba(160,160,160,.15) 0,transparent 75%),#ececea}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:radial-gradient(60% 55% at 25% 15%,#fcc84a 0,transparent 75%),radial-gradient(60% 55% at 80% 20%,#f5b04a 0,transparent 75%),radial-gradient(70% 45% at 55% 110%,#ffbfaa 0,transparent 75%),#fff6e8}.bg span{position:relative}
</style>

<div class='bg'><b class='a'></b><b class='b'></b><b class='c'></b><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1c1c1c;background:#fff3ea}.bg b{position:absolute;background-image:radial-gradient(#f3a98a 1.2px,transparent 1.6px);background-size:6px 6px;opacity:.65}.bg .a{left:42%;top:0;right:0;height:55%}.bg .b{left:0;top:55%;width:55%;bottom:0;background-image:radial-gradient(#a9d7b5 1.2px,transparent 1.6px)}.bg .c{left:48%;top:55%;right:12%;bottom:12%;background-image:radial-gradient(#f7c88a 1.2px,transparent 1.6px)}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#1a1a1a;background:linear-gradient(rgba(120,150,170,.12) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(120,150,170,.12) 1px,transparent 1px) 0 0/22px 22px,radial-gradient(55% 55% at 0 0,#c9f1f7 0,transparent 75%),radial-gradient(50% 60% at 100% 40%,#c3f3e2 0,transparent 75%),radial-gradient(50% 40% at 40% 100%,#d4e6f7 0,transparent 75%),#f2f7fa}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#f4f4f4;background:radial-gradient(70% 70% at 85% 85%,#0f4a4d 0,transparent 75%),radial-gradient(70% 70% at 20% 10%,#0c3538 0,transparent 75%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),#06191b}.bg span{position:relative}
</style>

<div class='bg'><span>Your content</span></div>

<style>
.bg{display:grid;place-items:center;width:100%;min-height:260px;position:relative;overflow:hidden;font:400 20px Georgia,serif;color:#f4f4f4;background:radial-gradient(60% 60% at 45% 50%,#4a2025 0,transparent 75%),linear-gradient(90deg,#0a0507 0,transparent 25%,transparent 75%,#0a0507 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),#1a0b0e}.bg span{position:relative}
</style>