Image positioneren afhankelijk van welke section active is?

[aDutchCow]

Mijn vraag
Ik heb een afbeelding centraal staan in een projectje waar ik aan werk. Het project betreft een one page website die op gemaakt is uit verschillende sections en de afbeelding komt in elke section terug.
Mijn vraag is nu; hoe kan ik makkelijk ervoor zorgen dat de afbeelding per sectie op een andere positie komt te staan zodat ik meer ruimte heb voor de relevante content van die section?

Relevante software en hardware die ik gebruik
HTML, CSS en javascript

Wat ik al gevonden of geprobeerd heb
Geprobeerd met jQuery een onClick event te starten op een menu item die een .animate triggert voor de class met de afbeelding.

[Osxy]

Gewoon de (zelfde) image meerdere keren includen geen optie?

[aDutchCow]

Osxy schreef op zaterdag 3 december 2016 @ 12:28:
Gewoon de (zelfde) image meerdere keren includen geen optie?

En dan per section aparte CSS?
Als je het zo bedoeld; Liever niet, de afbeelding moet een soort mee op reis gaan met de gebruiker

[Verwijderd]

De afbeedling fixed maken (eventueel als background), zodat deze mee scrolled.
En tijdens het scrollen met javascript de positie van de afbeelding aanpassen.

Hoogte opvragen van de secties en vergelijken met de huidige scroll positie, dan werkt het zowel met het scrollen en de onclick met animatie.

JavaScript:

$(window).scroll(function () {
   console.log($(this).scrollTop());
});