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> </PageTitle>
<div <div
slot="before-content" 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 <Picture
alt="Stefan Imhoff" alt="Stefan Imhoff"
aspect={1} aspect={1}
breakpoints={[300, 512]} breakpoints={[300, 512]}
class="[&_img]:xl:-scale-x-100"
src="/assets/images/ai-portrait-stefan-imhoff.png" src="/assets/images/ai-portrait-stefan-imhoff.png"
/> />
</div> </div>