使用python运行网页,无法显示网页设计

在完全没有python和html的基础下,课程任务给了个flask介绍链接就让我们自己用python制作一个网页,我在网上找了个模板写完html网页是可以看的,达到但是通过python运行的链接得到的网页就加载不出来网页设计,该如何解决
html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>***的个人介绍</title>
        <style>
        body 
        {
            background-image: url(img/beijing.jpg);
            background-size: cover;
        }
        div.transbox
        {
          width: 5050px;
          height: 820px;
          margin: 90px 90px;
          background-color: #ffffff;
          border: 1px solid #FFFFFF;
          opacity:0.8;
        }
        
        h1 {text-align: center;}
        h2.ex1 {margin-left:5cm;}
        h3.ex1 {margin-left:5cm;}
        img.ex1{margin-left:5cm;}
        p{text-align: right;}
        p.ex1{margin-right: 2cm;}
        p{color:mediumpurple}
        
        /*cc:change color*/
        a.cc:visited {color:#0000ff;}
        a.cc:hover {color:#ffcc00;}
        </style>
    </head>
    <body>
        <div class="background">
        <div class="transbox">
            
            <h1>个人简介</h1>
            <img src="img/touxiang.jpg" height="200px" width="200px" class="ex1" />
            <h2 class="ex1">***</h2>
            <h3 class="ex1">学号:*****</h3>
            <h3 class="ex1">班级:***</h3>
            <h3 class="ex1">学院:信息与通信学院</h3>
            <h3 class="ex1">学校:<a class="cc" href="https://www.uestc.edu.cn/">电子科技大学</a></h3>
            <p class="ex1">这个人很懒,什么都没有留下......</p>
        </div>
        </div>
        <embed height="50" width="100" src="bgm/许嵩-全世界最好的你.mp3">
    </body>
</html>


img

python代码

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('introduction.html')
if __name__ =='__main__':
    app.run(host='0.0.0.0',debug=True)


python 运行后是这样

img

introduction.html
看看其中的代码,尤其是那个图片指向的路径(src)

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^