1 Reply
they use an svg
the problem is I can ' t make the rectangle transparent
can I get an idea ?
thnaks by advance.
this website:
https://www.heights.agency/
<svg data-v-3b934d64="" viewBox="0 0 774 504.5625" preserveAspectRatio="none" aria-hidden="true" class="col-start-1 row-start-1 w-full h-full self-center">
<defs data-v-3b934d64="">
<clipPath data-v-3b934d64="" id="hero-clip">
<rect data-v-3b934d64="" x="0" y="249.7584375" width="256.6666666666667" height="146.323125" class="mask" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="258.6666666666667" y="131.18625" width="256.6666666666667" height="292.64625" class="mask" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="517.3333333333334" y="90.82125" width="256.6666666666667" height="211.91625000000002" class="mask" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="776" y="0" width="256.6666666666667" height="0" class="mask lg-down:hidden" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="1034.6666666666667" y="0" width="256.6666666666667" height="0" class="mask lg-down:hidden" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="1293.3333333333335" y="0" width="256.6666666666667" height="0" class="mask lg-down:hidden" style="--scale-y:1; transform-origin: center center;"></rect>
<rect data-v-3b934d64="" x="1552" y="0" width="256.6666666666667" height="0" class="mask lg-down:hidden" style="--scale-y:1; transform-origin: center center;">
</rect>
</clipPath>
</defs>
</svg>
<svg data-v-3b934d64="" viewBox="0 0 774 504.5625" preserveAspectRatio="none" aria-hidden="true" class="col-start-1 row-start-1 w-full h-full self-center">
<defs data-v-3b934d64="">
<clipPath data-v-3b934d64="" id="hero-clip">
<rect data-v-3b934d64="" x="0" y="249.7584375" width="256.6666666666667" height="146.323125" class="mask" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="258.6666666666667" y="131.18625" width="256.6666666666667" height="292.64625" class="mask" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="517.3333333333334" y="90.82125" width="256.6666666666667" height="211.91625000000002" class="mask" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="776" y="0" width="256.6666666666667" height="0" class="mask lg-down:hidden" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="1034.6666666666667" y="0" width="256.6666666666667" height="0" class="mask lg-down:hidden" style="--scale-y:1; transform-origin: center center;">
</rect>
<rect data-v-3b934d64="" x="1293.3333333333335" y="0" width="256.6666666666667" height="0" class="mask lg-down:hidden" style="--scale-y:1; transform-origin: center center;"></rect>
<rect data-v-3b934d64="" x="1552" y="0" width="256.6666666666667" height="0" class="mask lg-down:hidden" style="--scale-y:1; transform-origin: center center;">
</rect>
</clipPath>
</defs>
</svg>