A tip: using a rule like img { image-rendering: crisp-edges } will avoid anti-aliasing and keep the pixel art sharp!
img { image-rendering: crisp-edges }
thanks. I think I just ended up using nearest neighbor rendering.