Bootstrap4: Scroll æder baggrundsbillede

Indenfor rammerne af Bootstrap 4 har jeg følgende 2 lokale selektorer:

body, html {
    height: 100%;
}
.bg-img {
    background-image: url("billeder/billednavn.png ");
    height: 100%;
  background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

og følgende HTML:

<body>
<div class="container-fluid bg-img"> <!-- Baggrundsbillede fuld skærm -->
<div class="container">
diverse html
</div> <!-- container slut -->
</div> <!-- baggrundsbillede slut-->
diverse js-links
</body>

Baggrundsbilledet vises og fastholdes perfekt i hele skærmens fulde bredde og højde - testet på flere skærme >1200px..

Ved scroll nedover siden "ædes" baggrundsbilledet imidlertid nedefra i takt med scroll af hvid baggrund i hele skærmens bredde.

Hvordan kan jeg fastholde baggrundsbilledet og undgå, at det bliver "ædt"?