Оформление SVG-фигур 4/20 100%

<svg width="290" height="290">
  <rect class="rect-1" width="42.5%" height="42.5%" x="5%" y="5%" fill="tomato"></rect>
  <rect class="rect-2" width="42.5%" height="42.5%" x="52.5%" y="5%" fill="lightseagreen" fill-opacity= 0.5></rect>
  <rect class="rect-3" width="42.5%" height="42.5%" x="5%" y="52.5%" fill="#ffd700" ></rect>
  <rect class="rect-4" width="42.5%" height="42.5%" x="52.5%" y="52.5%" fill="none" ></rect>
</svg>