Почему не отображается оверлей секции на Macbook?

<div class="main-overlay">
</div>

.main-overlay {
    background-image: url(../img/backgrounds/overlay.png);
    background-position: top right;
    -webkit-background-size: cover;
    background-size: cover;
    height: 100%;
    z-index: -1;
}