orrectly or not.">
    <svg height="0">
      <mask id="mask1" x="-100" y="-100" width="300" height="300" maskUnits="userSpaceOnUse">
        <rect x="-100" y="-100" width="50" height="50" style="stroke:none; fill: #ffffff"/>
      </mask>
      <mask id="mask2" x="-100" y="-100" width="300" height="300" maskUnits="userSpaceOnUse">
        <circle cx="-50" cy="-50" r="25" style="stroke:none; fill: #ffffff"/>
      </mask>
    </svg>
    <style type="text/css">
      div {
        background-color: red;
    