* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    /* min-height: 100%;  ← remove this */
    background: white;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
}

.scene {
    position: relative;
    width: 100%;
    display: block;
    line-height: 0;
    overflow: hidden; /* keeps the dove inside the page */
}

.jesus-container {
    position: relative;
    width: 100%;
    margin-top: -310px;
    overflow: hidden;   /* ← add this */
}

.jesus {
    width: 100%;
    height: auto;
    display: block;
}

.eye {
    position: absolute;
    height: auto;
    width: 105%;
    z-index: 2;
    pointer-events: none;
}

.eye-left {
    left: -4.2%;
    top: -0.1%;
}

.eye-right {
    left: -5.4%;
    top: -4.6%;
}