Ruta 404

Para los que quieren ir rápido:
gif

<div>
  <img src="https://media.giphy.com/media/A9EcBzd6t8DZe/giphy.gif">
</div>

div {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

Lo deje tal cual solo ajuste un poco el css para centrar el error y que se vea bien en mobile tambien

div{
  position: relative;
  width: 100%;
  height: calc(100vh - 85px);
  display: flex;
  align-items: center;
  justify-content: center;
}

img{
  max-width: 90%;
}

Me gustó este Not Found

import { Component } from '@angular/core';

@Component({
  selector: 'app-not-found',
  template: `
  <style>
    div{
      display: flex;
      justify-content: center;
      align-items: center;
      height: calc(100vh - 120px);
    }
  </style>
  <div>
    <img src="https://media.giphy.com/media/A9EcBzd6t8DZe/giphy.gif">
  </div>`
})
export class NotFoundComponent {}

Aqui les dejo un estilo un poquito modificado para que se vea mas bonito, solo agregue un margin-top para que se mire mas centrado:

div {
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
margin-top: 150px;
}