diff --git a/src/components/bento/Map.astro b/src/components/bento/Map.astro index 699c4d43..a35bf595 100644 --- a/src/components/bento/Map.astro +++ b/src/components/bento/Map.astro @@ -34,13 +34,14 @@ const { lg, sm } = Astro.props; } .card { - grid-area: var(--sm); + @apply transition-all bg-center bg-cover bg-no-repeat bg-blend-overlay bg-transparent; + background-image: url("/map.png"); + & { + grid-area: var(--sm); + } @screen lg { grid-area: var(--lg); } - - @apply transition-all bg-center bg-cover bg-no-repeat bg-blend-overlay bg-transparent; - background-image: url("/map.png"); @media (prefers-color-scheme: dark) { background-color: rgba(0, 0, 0, 0.7); }