PNG in Custom Logo causes silent build failure.

/** @jsxRuntime classic */
/** @jsx jsx */
import Link from 'next/link';
import { jsx, H3 } from '@keystone-ui/core';
import Logo from './Logo.png';

export const CustomLogo = () => {
  return (
    <H3>
      <img src={Logo.src} />
      <Link href="/" passHref>
        <a
          css={{
            // TODO: we don't have colors in our design-system for this.
            backgroundImage: `linear-gradient(to right, #0ea5e9, #6366f1)`,
            backgroundClip: 'text',
            lineHeight: '1.75rem',
            color: 'transparent',
            verticalAlign: 'middle',
            transition: 'color 0.3s ease',
            textDecoration: 'none',
          }}
        >
          LegendBoulder After
        </a>
      </Link>
    </H3>
  );
};