Three js distorted image around edges of view

Question

I have a three js scene in a banner like format (970px X 250px)

The scene setup is as follows:

const scene = new THREE.Scene();

const camera = new THR