<div class="page">
  <div class="container">

    <div class="wrapper">
      <div class="house">
        <div class="floor"></div>
        <div class="wall wall--back"></div>
        <div class="wall wall--left wall--mask"></div>
        <div class="wall wall--right"></div>
        <div class="roof roof--left roof--mask"></div>
        <div class="roof roof--right roof--mask"></div>
      </div>
      <div class="shadow"></div>
    </div>

  </div>
</div>

<svg class="svg-defs">
  <defs>
    <clipPath id="wall-mask">
      <path d="M0,0V200H75V100h50V200H300V0ZM225,150H175V100h50Z"/>
    </clipPath>
    <clipPath id="roof-mask">
      <path d="M175,0a25,25,0,0,1-50,0H0V212H300V0Z"/>
    </clipPath>
   </defs>
</svg>