I have a hero section that has a background image and two image blocks sitting on top. One of the smaller image blocks contains an icon and has been placed correctly on desktop and mobile, but as soon as the screen resolution is in between those two sizes it starts floating around in a weird place.
Below 600px and above 1200px the placement is fine, but if the screen width is between 600-1200px then it looks strange.
Screenshots below.
Page is: https://www.hoptroff.com/product/software
Password: Test
Is there any way (maybe through CSS) that I can solve this? I'd be happy even to just make it disappear between 600-1200px.
Mobile: okay
Desktop: okay
In between size: the icon is floating off by itself