wn-discoteam-theme/partials/imagegrid-end.htm

13 lines
716 B
HTML

</div>
</div>
<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%;
">
<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 }}" />
</div>
</div>
</div>