Flask App Deployment Help

I am finishing ‘Deploying a Flask App’ and have run into some final issues.
Link: https://www.codecademy.com/paths/build-python-web-apps-flask/tracks/flask-deploying/modules/flask-deploying-heroku/articles/deploying-a-flask-app

I have pushed my app to heroku, but I am met with an application error when I visit the app online. I believe the source of the error is stemming from my incorrect Procfile which is needed to create a dyno.
Below is an error code from the logs:

at=error code=H14 desc="No web processes running" method=GET path="/" host=sleepy-plateau-64005.herokuapp.com request_id=2aedec3b-f3e3-4231-83ef-8bee5e058653 fwd="" dyno= connect= service= status=503 bytes= protocol=https

The command line shows the code below which leads me to believe this error is caused by my Procfile.

remote: -----> Discovering process types
remote:        Procfile declares types -> (none)

Here is my Procfile which follows the syntax found online and in the course directions. It is saved in the root directory.

web: gunicorn app:FLASK_APP

Is my naming syntax in Procfile correct? I am unsure how to copy my file structure but Ive included a snip of VS code which shows that Procfile is on the same hierarchy as my app. Any help is very appreciated!