Django Static files loading failed

I am trying to load static files in my django project. but it isn't loading. My static folder is in the base directory of project . Here I am giving some relevant code.

Here is my project's settings.py file's static part.

STATIC_URL = '/static/'
STATICFILES_DIR = [
    os.path.join(BASE_DIR, 'static')
]
STATIC_ROOT = os.path.join(BASE_DIR, 'assests')

Here is the html part

{% load static %}
<img id="undraw_shared_workspace_hwky" src="{% static 'undraw_shared_workspace_hwky.png' %}">

My project name is 'webpage' and here is the image path.

webpage\static\undraw_shared_workspace_hwky.png

I have tried...

manage.py collectstatic

to collect the static files. It worked and gave me a assests directory inside or root directory. But when I go to the website it doesn't load the image. and the console says "Failed to load resource: the server responded with a status of 404 (Not Found)" . I am in a windows machine and using Django 3.0. Now I need you help to fix this problem. Thanks in advance.