媒体屏幕的背景图像不显示整个图像

Question

我正在尝试使我的网站响应，我无法获取覆盖屏幕85％的页面背景图像以显示整个图像。它只显示了它的一小部分。我究竟做错了什么？如果有帮助，我的网站是sundayfundayleague.com。

我正试图这样做..

.indexgraypage {
    width: 100%;
    left: 0;
    right: 0;
    min-height: 100%;
}
.homeimg {
    background-image: url("/images/bright_lights_smallest.jpg");
    width: 80%;
    background-size: cover;
    background-position: center;
    height: 100%;
    margin: auto;
    position: absolute;
    margin-right: 10%;
    margin-left: 10%;
}