switched background-size: contain; to background-size: cover;
if you want that sweet sweet css then here ya go (promise I am still working on that post full of stolen and stealable boxes)
<div style="border-radius: 10px; overflow: hidden;">
<div style="border-color: currentcolor; border-style: solid; border-width: 5px; border-image: linear-gradient(0deg, red 0%, red 100%) 1 / 1 / 0 stretch;">
<div style="background: url(https://cohost.org/static/de31eb962de32ee6933f.svg) rgba(11, 0, 1, 0.5); background-blend-mode: multiply; background-size: cover; background-position: center; background-attachment: fixed;color: #fff; font-size: 1.5em; text-shadow: 1px 1px 2px black, 0 0 3em black, 0 0 3em black; padding: 5px; text-align: center;">TEXT
<img src="https://cohost.org/static/9977bdf408811d1dd51e.png" style="display: block; margin-left: auto; margin-right: auto; width: 80%; height:auto">
TEXT
❄️ <a href="YOUR_LINK">YOUR LINK!</a> ❄️<br><br></div></div></div>
