How Can I Prevent My Spinning Image from Causing Scroll Issues?

It looks like your animation might have a small issue. Instead of using `rotate:`, you should be using `transform: rotate(...)` in your keyframes. Here's an improved version of your `@keyframes`:
```css
@keyframes uomospin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(359deg);
}
}
```
This should give you a smooth spinning animation without any hiccups. Let me know if that helps!

The issue you're experiencing occurs because the rotating image changes its bounding box dimensions when it reaches certain angles (like 90° or 270°), causing layout reflow which triggers the auto scroll. To fix this, you should wrap the image in a fixed-dimension container to isolate the rotation from the document flow. Here’s a quick example:
```css
.spin-container {
width: 200px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
overflow: hidden;
}

.spin-container img {
max-width: 100%;
max-height: 100%;
animation: spin 5s linear infinite;
}

@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
```
Then in your HTML:
```html

```
Using a square container will keep your layout stable regardless of the rotation angle. Hope that helps!