我可以使用什么CSS代码，以使网页上的内容不会更改浏览器窗口大小的位置？

所以我在我的网站上遇到了麻烦。如果您想要一个链接来真正查看问题，这里是：http : //agarciapackages.neocities.org/调整窗口大小，您将看到窗口旁边的文本重新排列了窗口大小。如果您是通过移动设备浏览网站的，那么它看起来很恐怖，因为文字远远超出了图片的范围，我不希望这样。我希望用户向右滚动以查看全文，而不是真正向下滚动以查看全文。这是我的CSS代码。

.homepageImages {
    margin-left:50px;
    border-right:1px solid black;
    border-left:1px solid black;
    padding:30px;
    float:left;
}

.caption{
    position:static;
    margin-top:130px;
    font-family:American Typewriter;
    margin-left:670px;
    margin-right:50px;
    color:black;
}