I am struggling with integrating multiple images into my webpage in a fixed position. These images should only be visible within their designated divs and scroll along with the content, hiding behind other divs.
Unfortunately, I can't seem to locate the example that initially inspired me. My apologies for the inconvenience.
Edit: Apologies for omitting the code earlier, the paragraphs served as placeholders while testing the scrolling functionality.
<div id="Over">
<div id="Job" class="grey">
<p>Blalbalblablalbalbalblbalbalab</p>
... (content continues)
<img class="changing" id="JobImage" src="~/images/JobRapati.png" />
</div>
... (more divs and content)
</div>
CSS:
.changing
{
position: fixed;
right: 0;
top: 30%;
}