How do I reference static resources from a Polymer Element

Flow
1

Good evening, I am trying to use model-viewer in order to show the file “Astronaut.glb”. This is my Polymer Element:

import {PolymerElement} from '@polymer/polymer/polymer-element.js';
import {html} from '@polymer/polymer/lib/utils/html-tag.js';
import '@google/model-viewer';

class ModelViewer extends PolymerElement {
	static get template() {
		return html`
			<h2>test</h2>
			<model-viewer src="Astronaut.glb" alt="A 3D model of an emoji" camera-controls auto-rotate></model-viewer>
		`;
	}
}
customElements.define('model-view', ModelViewer);

However, no matter what I do all I get is a 404 (Not Found) error in google chrome. I have tried this on other projects aswell yet no matter how I try to reference the file i.e. ./src/Astronaut.glb or frontend/src/Astronaut.glb nothing seems to connect to the reference. Has anyone else experienced something like this?
17785199.png