My image that is in my html file is not showing!

How the image shows up:

Project structure:

Here’s my code:

<!DOCTYPE html> 
        <link rel="stylesheet" href="../assets/css/style.css">
        <script defer src=""></script>
        <div class="div" id="content">
            <h1 class="color">Hello I'm Dev Dhawan</h1>
            <img src="./app/static/headshot.png" alt="Hello" class="headshot">

import streamlit as sl
import header


titleHtml = open("./html/title.html", 'r', encoding='utf-8')
sc =
sl.markdown(sc, unsafe_allow_html=True)

Hi @Dev_Dhawan and welcome to our community – we’re excited to have you join us! :hugs:

Could it be a mismatch between the path you’ve specified for your image in the title.html file?