이미지 안뜸(오류)

이미지가 떴다가 몇초뒤에 바로 사라져 버린다. 근데 이유를 모르겠다.
다른 기능은 다 잘되는데 왜 이미지에서 이러지..

내 코드-오류의 이유는..?

html

 <section class="resume-section" id="Project">
          <div class="resume-section-content">
              <h2 class="mb-5">Project</h2>
              
                                  <!-- 슬라이드쇼 컨테이너 -->
                  <div class="slideshow-container">

                    <!-- 숫자와 캡션이 있는 이미지 -->
                    <div class="mySlides fade">
                      <div class="numbertext">1 / 3</div>
                      <img src="assets/img/g.jpg" style="width:100%">
                      <div class="text">첫 번째 사진</div>
                    </div>

                    <div class="mySlides fade">
                      <div class="numbertext">2 / 3</div>
                      <img src="assets/img/g.jpg" style="width:100%">
                      <div class="text">두 번째 사진</div>
                    </div>

                    <div class="mySlides fade">
                      <div class="numbertext">3 / 3</div>
                      <img src="assets/img/g.jpg" style="width:100%">
                      <div class="text">세 번째 사진</div>
                    </div>

                    <!-- 다음, 이전 이미지 버튼 -->
                    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
                    <a class="next" onclick="plusSlides(1)">&#10095;</a>
                  </div>
                  <br>

                  <!-- 현재 이미지를 알려주는 하단의 점 -->
                  <div style="text-align:center">
                    <span class="dot" onclick="currentSlide(1)"></span> 
                    <span class="dot" onclick="currentSlide(2)"></span> 
                    <span class="dot" onclick="currentSlide(3)"></span> 
                  </div>

          </div>
      </section>

참고한 블로그

https://m.blog.naver.com/djflsdlwjd/221281754409