表格显示问题:带图像的块

我试图在我的主页上的图片旁边放一些文字。因为我希望我的主页能够做出响应,所以我使用了一个表格来实现这一点,使用这个CSS:

    #tablehomepage {
    display: table;
}

#tablehomepage img {
    min-width: 280px;
    min-height: 190px;
}

#tablehomepage body {
    vertical-align: top;
}


@media (max-width: 920px) {
    #tablehomepage td {
        display: block;
    }

完整代码: https://jsfiddle.net/h3jhgns4/1/ .奇怪的是,问题并没有出现在这里。。。

我的图像在第一个单元格中,文本在第二个单元格中。只有一行。

我目前遇到的一些问题:

1. 当屏幕低于920时,“display:block”启动,但将我的文本放在图像周围。我希望在较小的屏幕上显示图像下方的文本。
2. 当“display:block”启动时,一些额外的随机边框出现在我的顶部边框下方。
3. 我无法使图像自动缩放,以便与不同屏幕大小的文本很好地匹配。我想这可以通过设置该单元格的静态大小并将图像作为背景放在css中来实现,但我不能设置alt文本(SEO对我来说非常重要)。