transform:rotate(); application to img and canvas, both are pixel operations, not vectors, so if fractions come out, the jagged will be visible, and the display ppi will affect it, so full control may be difficult.
If there are any of the above limitations and you want to devise them,
box-shadowto generate a drop shadow and apply it to the side where the jug stands out
I think it would be good to try combining the surroundings.
Increase the image by one pixel, up, down, left, right, and right, with a transparent edge of one pixel width to eliminate jagged edges when rotated.
Does any browser have a jagi?
If it's Firefox, I think the following is helpful.
© 2023 OneMinuteCode. All rights reserved.