There is a page:
<div style="position:fixed; right:10px; top:10px;"><img></div> <div class="class1"></div> <div class="class2"></div> <div class="class3"></div> <div class="class1"></div> <div class="class1"></div> <div class="class4"></div> <div class="class1"></div> How to make it so that when scrolling, as soon as the block is above the element with class1, the content in it will change, namely the picture? Above the blocks with another class - the picture has not changed.