JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv1">mydiv1</div>
<br><br><br>
<div id="mydiv2">mydiv2</div>

CSS

#mydiv1 { width: 200px; height: 30px; background: green; line-height: 30px; }
#mydiv1:before {
    content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBiYXNlUHJvZmlsZT0iYmFzaWMiIGlkPSJMYXllcl8xIg0KCSB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCINCgkgdmlld0JveD0iLTI3Ni4xIDM4OS4yIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0tMjYyLjMsMzkxLjZ2LTIuMmgtMS4xdjIuMmgtMi4ydjEuMWgyLjJ2Mi4yaDEuMXYtMi4yaDIuMnYtMS4xTC0yNjIuMywzOTEuNkwtMjYyLjMsMzkxLjZ6IE0tMjY2LDM4OS4yDQoJaC00LjdjLTIuNCwwLTQuNCwxLjgtNC40LDMuN2MwLDIsMS4zLDMuNiwzLjYsMy42YzAuMiwwLDAuMywwLDAuNSwwYy0wLjEsMC4zLTAuMywwLjYtMC4zLDAuOWMwLDAuNiwwLjMsMC45LDAuNywxLjINCgljLTAuMywwLTAuNiwwLTAuOSwwYy0yLjcsMC00LjcsMS45LTQuNywzLjdjMCwxLjgsMi4zLDIuOSw1LjEsMi45YzMuMSwwLDUtMS44LDUtMy42YzAtMS40LTAuMy0yLjItMS44LTMuM2MtMC40LTAuMy0xLjQtMS0xLjQtMS41DQoJYzAtMC41LDAuMi0wLjgsMC45LTEuNGMwLjgtMC42LDEuNC0xLjUsMS40LTIuNWMwLTEuMS0wLjUtMi4yLTEuMy0yLjdoMS4yTC0yNjYsMzg5LjJ6IE0tMjY3LjYsNDAxLjRjMCwwLjIsMC4xLDAuMywwLjEsMC41DQoJYzAsMS40LTAuOSwyLjYtMy42LDIuNmMtMS45LDAtMy4zLTEuMi0zLjMtMi42YzAtMS40LDEuNi0yLjYsMy41LTIuNmMwLjQsMCwwLjksMC4xLDEuMiwwLjJDLTI2OC42LDQwMC4xLTI2Ny44LDQwMC42LTI2Ny42LDQwMS40DQoJIE0tMjcwLjYsMzk1LjhjLTEuMywwLTIuNS0xLjItMi43LTIuOWMtMC4yLTEuNywwLjYtMi45LDEuOS0yLjljMS4zLDAsMi40LDEuNCwyLjYsMy4xQy0yNjguNiwzOTQuOC0yNjkuMywzOTUuOC0yNzAuNiwzOTUuOCIvPg0KPC9zdmc+DQo=");
}

#mydiv2 { width: 200px; height: 30px; background: green; line-height: 30px;}
#mydiv2:before {
    content:...