Unable to load images using Next Image from AWS S3 bucket.

I'm using a custom domain and create a subdomain with the CNAME pointing to my AWS S3 bucket. Everything works and I can access the images with the URL and even using a standard <img> tag. When I try to use next/image I get a 500 error and this in the console. Not exactly sure what it means and what I need to do. Is this a configuration in my AWS account or something else I need to deal with?

TypeError: fetch failed
at Object.fetch (node:internal/deps/undici/undici:11576:11)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  cause: Error [ERR_TLS_CERT_ALTNAME_INVALID]: Hostname/IP does not match certificate's altnames: Host: subdomain.domain.com. is not in the cert's altnames: DNS:s3-us-west-1.amazonaws.com, DNS:*.s3-us-west-1.amazonaws.com, DNS:s3.us-west-1.amazonaws.com, DNS:*.s3.us-west-1.amazonaws.com, DNS:s3.dualstack.us-west-1.amazonaws.com, DNS:*.s3.dualstack.us-west-1.amazonaws.com, DNS:*.s3.amazonaws.com, DNS:*.s3-control.us-west-1.amazonaws.com, DNS:s3-control.us-west-1.amazonaws.com, DNS:*.s3-control.dualstack.us-west-1.amazonaws.com, DNS:s3-control.dualstack.us-west-1.amazonaws.com, DNS:*.s3-accesspoint.us-west-1.amazonaws.com, DNS:*.s3-accesspoint.dualstack.us-west-1.amazonaws.com, DNS:*.s3-deprecated.us-west-1.amazonaws.com, DNS:s3-deprecated.us-west-1.amazonaws.com

next.config.js

images: {
formats: ['image/avif', 'image/webp'],
remotePatterns: [
  {
    protocol: 'https',
    hostname: 'subdomain.domain.com',
  },
  {
    protocol: 'https',
    hostname: '**.amazonaws.com',
  },
],

},