diff --git a/app/elements/showcase/project.mjs b/app/elements/showcase/project.mjs index 1b3ba594..bd6c280a 100644 --- a/app/elements/showcase/project.mjs +++ b/app/elements/showcase/project.mjs @@ -23,10 +23,10 @@ export default function DocShowcase ({ html, state }) { aspect-ratio: 215 / 117; position: absolute; margin: auto; - inset-block: 0; + inset-block-start: 50%; inset-inline-start: 0; inset-inline-end: initial; - translate: -56% 0; + translate: -56% -50%; rotate: -20deg; z-index: -1; } @@ -34,7 +34,7 @@ export default function DocShowcase ({ html, state }) { :host:nth-of-type(odd) .show-axol:after { inset-inline-start: initial; inset-inline-end: 0; - translate: 56% 0; + translate: 56% -50%; rotate: 20deg; } } diff --git a/app/pages/showcase.html b/app/pages/showcase.html index 5ec5bd65..dcb7f4c4 100644 --- a/app/pages/showcase.html +++ b/app/pages/showcase.html @@ -78,6 +78,10 @@