Elements

<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>

<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% 50% at 40% 0,#12363a 0,transparent 75%),radial-gradient(50% 50% at 10% 100%,#0f3a2e 0,transparent 75%),radial-gradient(50% 50% at 95% 80%,#0a2530 0,transparent 75%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),#05090b}.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 50% 50%,#1b1b1b 0,transparent 80%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px),#050505}.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% 70% at 50% 50%,#5a3716 0,transparent 75%),radial-gradient(60% 60% at 85% 70%,#4a1f1f 0,transparent 75%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),#120a07}.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% 60% at 50% 0,#2b2b2b 0,transparent 75%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),#0a0a0a}.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:#f2f2f2;background:radial-gradient(70% 60% at 50% 30%,#133f3f 0,transparent 75%),radial-gradient(60% 50% at 85% 105%,#1e6b64 0,transparent 70%),radial-gradient(50% 50% at 5% 90%,#050709 0,transparent 80%),#0a1214}.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:#f5f5f5;background:radial-gradient(120% 50% at 50% 115%,#a8431a 0,transparent 70%),radial-gradient(70% 35% at 25% 105%,#7a1f1f 0,transparent 70%),radial-gradient(70% 35% at 78% 105%,#8a5a12 0,transparent 70%),#0e0e12}.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:#1f1f1f;background:radial-gradient(60% 70% at 10% 25%,#ffb3bb 0,transparent 70%),radial-gradient(60% 70% at 85% 40%,#ffd08a 0,transparent 70%),radial-gradient(70% 50% at 70% 110%,#ffb59a 0,transparent 70%),#fff3ea}.bg span{position:relative}
</style>

<div class='bg'><i style='--x:8%;--s:34px;--d:9s;--l:0s'></i><i style='--x:24%;--s:26px;--d:11s;--l:-3s'></i><i style='--x:42%;--s:30px;--d:8s;--l:-5s'></i><i style='--x:60%;--s:22px;--d:12s;--l:-2s'></i><i style='--x:76%;--s:36px;--d:10s;--l:-7s'></i><i style='--x:90%;--s:28px;--d:9s;--l:-4s'></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:#222;background:radial-gradient(90% 80% at 50% 40%,#ffeef0 0,#ffdfe4 100%)}.bg i{position:absolute;left:var(--x);bottom:-50px;width:var(--s);height:calc(var(--s)*.8);background:#ffb3c1;border-radius:70% 0 70% 0;opacity:.8;animation:bd var(--d) linear infinite;animation-delay:var(--l)}.bg span{position:relative}@keyframes bd{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(-340px) rotate(240deg);opacity:0}}@media(prefers-reduced-motion:reduce){.bg i{animation:none;bottom:20%}}
</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:radial-gradient(70% 60% at 15% 5%,#eaff9c 0,transparent 70%),radial-gradient(70% 60% at 85% 25%,#b7f0cf 0,transparent 70%),radial-gradient(80% 60% at 55% 110%,#4aa3ec 0,transparent 70%),#e9f8ef}.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:#222;background:linear-gradient(#fffaf3 0 55%,transparent 80%),radial-gradient(120% 60% at 50% 105%,#ffb26b 0,transparent 70%),radial-gradient(90% 45% at 30% 100%,#ff9aa2 0,transparent 70%),radial-gradient(90% 45% at 75% 100%,#ffd08a 0,transparent 70%),#fff6ee}.bg span{position:relative}
</style>