JSFiddle - React, Tailwind, and code Playground

by matox

HTML

<div class="container">
  <div class="item">
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Sodipodi ("http://www.sodipodi.com/") -->
<svg preserveAspectRatio="none" id="svg548" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
 <metadata id="metadata128">
  <rdf:RDF>
   <cc:Work rdf:about="">
    <dc:format>image/svg+xml</dc:format>
    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
   </cc:Work>
  </rdf:RDF>
 </metadata>
 <g id="flag" fill-rule="evenodd" transform="matrix(.72249 0 0 1.0321 0 -16.449)" stroke-width="1pt">
  <rect id="rect895" height="496.06" width="237.4" y="15.937" x="0" fill="#0000bd"/>
  <rect id="rect896" height="496.06" width="237.4" y="15.937" x="471.26" fill="#cc1900"/>
  <rect id="rect897" height="496.06" width="233.86" y="15.937" x="237.4" fill="#fff600"/>
 </g>
 <g id="g919" transform="matrix(1.0086 0 0 .99179 -96.834 -480.19)">
  <g id="g853" stroke-width="1pt">
   <path id="path738" d="m398.54 290.22c47.823 0.818 44.515-29.149 61.974-32.126 17.458-2.977 33.928 12.489 33.302 29.972 1.873 20.814-29.714 20.963-31.637 38.298-1.923 17.336 15.378 22.628 33.302 19.982s30.646-20.363 39.804-28.689c-13.321 7.493-24.218 4.778-25.21-8.558 0.673-17.497 18.103-23.847 26.345-17.96 6.476-5.298 6.09-7.423 13.209-6.246 4.828 2.944 6.143 2.861 8.999 7.418 3.717-2.355 5.269-3.54 12.204-0.597 4.306 1.767 7.181 4.961 9.841 9.808 3.146-2.486 8.086-3.413 13.762-0.197 3.61 1.837 8.108 7.182 8.72 12.995 8.451 1.696 11.381 3.654 14.034 7.953 15.765 21.775-2.435 58.473-1.432 77.205 1.004 18.731 16.651 19.981 16.651 19.981-14.717-9.42-0.201-15.9 6.745-16.55 22.252 2.292 18.508 35.135-5.18 29.366-18.978-5.18 38.921 3.281 37.525 62.637-1.396 61.021-32.815 49.01-32.815 49.01s26.838 10.109 21.646 30.09c-5.191 13.507-32.933 22.456-30.578-3.448-8.242...

CSS

.item {
				position: relative;
				width: 20%;
				height: 220px;
				
				background-color: blue;
				}
				svg {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				}
        image{
          width:100%;
          height:100%;
        }