fix: mirror the container not the image to prevent wrong blur up image

This commit is contained in:
Stefan Imhoff
2023-05-18 16:52:58 +02:00
parent ae948029f4
commit e11fd13e0e

View File

@@ -12,13 +12,12 @@ const { frontmatter } = Astro.props;
</PageTitle>
<div
slot="before-content"
class="col-start-1 col-end-12 md:col-start-3 md:col-end-10 xl:col-start-15 xl:col-end-18 xl:row-start-2 3xl:col-start-14 3xl:col-end-17"
class="col-start-1 col-end-12 md:col-start-3 md:col-end-10 xl:col-start-15 xl:col-end-18 xl:row-start-2 xl:-scale-x-100 3xl:col-start-14 3xl:col-end-17"
>
<Picture
alt="Stefan Imhoff"
aspect={1}
breakpoints={[300, 512]}
class="[&_img]:xl:-scale-x-100"
src="/assets/images/ai-portrait-stefan-imhoff.png"
/>
</div>