ARTICLE AD BOX
I have these Teeth images I want overlaid on my main site area that I want to stay in the same place no matter the size of the screen or if you scroll. I have tried making a container that is relatively positioned when the image itself is positioned absolutely but that hasn't seemed to change anything. I've also tried using a fixed position but that moves as you scroll which isn't exactly what I want. I've read that I could try connecting its position change to the flex boxes on my page but I dont know how to execute that. photo of my site
<style> .teeth1 { position: relative; display:flex; } </style> <div class="teeth1"> <div style="position: absolute; right: 100px; bottom: -110px; z-index: 20; pointer-events: none;"> <img src="teeth.png"/></div></div>