图像未按预期显示

Question

我有一个图像，我想在页面上设置为内部链接。但是，无论我做什么，我似乎无法让图像真正出现。这可能是非常明显的事情。可能只需要一双新鲜的眼睛。

这是我的HTML。

<section class="content_wrap">
    <div id="home" class="home">
        <div class="intro">
            <h1>Hello,</h1>
            <h2>and welcome to<br>
        the portfolio site<br>
        of Thomas Hall.
            </h2>
          <p>Here you will find examples of print<br>and digital design projects as well a<br>bit about me and how to get in touch<br>with me. Currently I am studying at<br>John Brown University and work at<br>Blogs for Brands.</p>
    </div>
    <a href="#portfolio" class="scroll"><img src="portfolio_images/arrow_icon.png"></a>
    </div> 

和CSS

.scroll {
position:absolute;
left: 50%;
bottom:20px;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

或者您可以here查看该网站并查看该网站上的代码。

感谢您的帮助。