无法删除包含图像的div中的顶部空间

Question

我在编辑这个画廊。当您在每个拇指中单击时，它会显示div内的图像。我已经删除了每个边距和填充，但我仍然可以看到图像顶部的间隙。

以下是点击图库时的代码：

ul.thumbs li.content .media { 
    display: inline-block;
    float: left;
    margin-right: 25px;
    width: 50%;
    min-height: 200px;
}
ul.thumbs li.content .media img {
    max-width: 100%;
}
ul.thumbs li.content {
    width: 100% !important;
    display: none;
    margin-bottom: 0;
    background-color: #fff!important;
    float: left;
    height: 100%;
    padding: 0px 0 0px;
}

<div class="portfolio-content">
    <div id="thumb1">
        <div class="media"><img src="img/thumbs/fc_mock.png" alt="" /> 
        </div>
    <h1 class="display">Branding <br></h1>
    <p class="subtitle">Client: Calíope <br> </p>   
    </div>
    <div id="thumb2">
        <div class="media"><img src="img/thumbs/anatomy_mock.png" alt="" /></div>
        <h1 class="display">Textile <br> Design  <br></h1>
        <p class="subtitle">Client: Calíope <br> </p>
        <a href="https://www.behance.net/gallery/22326815/Caliope" target="_blank" class="btn btn-primary">See full project</a>
    </div>
</div>

这是一个屏幕：