2024-09-26 13:46:55 +02:00
|
|
|
</div>
|
2024-09-18 20:42:11 +02:00
|
|
|
</div>
|
2024-09-26 13:46:55 +02:00
|
|
|
<div class="lg:col-span-3">
|
|
|
|
|
<div class="relative" style="
|
|
|
|
|
--polygon: 76% 4%, 100% 0, 100% 100%, 66% 95%, 29% 96%, 0 100%, 6% 44%, 3% 8%, 34% 1%;
|
|
|
|
|
--polygonmobile: 0 0, 65% 7%, 100% 0, 100% 100%, 29% 93%, 0 100%;
|
|
|
|
|
">
|
2024-09-26 15:08:05 +02:00
|
|
|
<div class="absolute w-[calc(100%+10px)] h-[calc(100%+20px)] top-[-10px] left-[-10px] md:meft-0 bg-neutral-800 clip-path-polygon-[var(--polygonmobile)] lg:clip-path-polygon-[var(--polygon)]"></div>
|
|
|
|
|
<img src="{{image | media }}" class="w-full h-[60vh] lg:h-[80vh] object-cover clip-path-polygon-[var(--polygonmobile)] lg:clip-path-polygon-[var(--polygon)]" alt="{{ alt }}" />
|
2024-09-18 20:42:11 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
