Postcss (vendor prefixes), etc.

src/components/ceCard.astro

@@ -12,7 +12,7 @@ export interface Props {
 const { mlb, imageFile, name } = Astro.props
 const imagePath = `/src/assets/ce/${imageFile}`
 const images_ces = import.meta.glob<{ default: ImageMetadata }>(
-  '/src/assets/ce/*.{png,webp}'
+  '/src/assets/ce/*.png'
 )
 
 let mlb_image: string = 'mlbalign'

src/components/navbar.astro

@@ -107,7 +107,6 @@ const hamburger_src_url = `url("${hamburger.src}")`;
 
   .hamburger-menu {
     mask: var(--hamburger_src_url) no-repeat center;
-    -webkit-mask: var(--hamburger_src_url) no-repeat center;
     background-color: white;
     width: 2em;
     height: 2em;

src/components/navbarEntry.astro

@@ -73,7 +73,6 @@ const fulllink = `/${slug}`
 
   .icon {
     mask: var(--icon_src_url) no-repeat center;
-    -webkit-mask: var(--icon_src_url) no-repeat center;
     background-color: white;
     width: 1.4em;
     height: 1.4em;