JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main-wrapper">
    <div id="container" style="opacity:.5">
       <svg
            xmlns="http://www.w3.org/2000/svg"
            width="100%"
            height="100%"
            viewBox="0 0 120 32"
            preserveAspectRatio="xMinYMin">
            <rect width="1" height="1" fill="#AAAFFF" />
            <!-- Need this to show up and scale while preserving aspect ration -->
            <!-- Changing viewBox="0 0 1 1" to viewBox="0 0 200 200" reveals the grpahic -->   
            <g>
                <g opacity="0.75">
                    <path fill="#7B7B7B" d="M265.842,13.377h-4.353C259.907,6.296,253.597,1,246.039,1s-13.868,5.296-15.45,12.377h-6.229
                        C222.778,6.296,216.468,1,208.91,1s-13.868,5.296-15.45,12.377h-6.229C185.649,6.296,179.339,1,171.782,1
                        c-7.557,0-13.868,5.296-15.449,12.377h-6.229C148.521,6.296,142.211,1,134.653,1c-7.557,0-13.867,5.296-15.449,12.377h-6.229
                        C111.393,6.296,105.083,1,97.525,1c-7.557,0-13.868,5.296-15.449,12.377h-6.229C74.265,6.296,67.954,1,60.396,1
                        c-7.557,0-13.867,5.296-15.449,12.377h-6.229C37.136,6.296,30.826,1,23.268,1C15.711,1,9.4,6.296,7.819,13.377H3.465
                        C1.551,13.377,0,14.928,0,16.842c0,1.913,1.551,3.465,3.465,3.465h4.354c1.582,7.08,7.892,12.377,15.45,12.377
                        c7.558,0,13.869-5.297,15.45-12.377h6.229c1.582,7.08,7.892,12.377,15.45,12.377c7.558,0,13.868-5.297,15.45-12.377h6.229
                        c1.582,7.08,7.892,12.377,15.45,12.377c7.558,0,13.869-5.297,15.45-12.377h6.229c1.582,7.08,7.892,12.377,15.45,12.377
                        c7.558,0,13.868-5.297,15.45-12.377h6.229c1.582,7.08,7.892,12.377,15.45,12.377c7.558,0,13.869-5.297,15.45-12.377h6.228
                        c1.582,7.08,7.893,12.377,15.45,12.377c7.559,0,13.868-5.297,15.45-12.377h6.229c1.582,7.08,7.892,12.377,15.45,12.377
                       ...

CSS

body{
    height:100%;
    padding:50px;
}

#main-wrapper{
  position absolute;
  left 33px;
  top133px;
    width:100%;
    height:150px;
    background-color:#FFFFDD;
}

#container {
    position:relative;
    height:100%;
    width:100%;
    border: 5px solid #999999;
}
svg {
    position:absolute;
    height: 100%;
    width: 100%;
}