I'm trying to reduce this image for an email design. But when i reduce the size for web, it get's blurry (I attached a screenshot of how blurry it is on my phone). This is the first time ever running into this problem. What am I doing wrong???
Sorry but why would your reduce it to 183 x 140 px?
It's way too small, 180 px is about 6cm (at 72ppi), your images above have 15cm (equivalent to 425px at 72ppi), so, sure, when you have to enlarge an image 3 time you will get that blurry/pixelated result.
A somewhat "basic" email width is around 600px. Anything less that that will get blurry/distorted/pixelated in your email.
To test this, reduce your image to 600x459px and try it again and you will see the difference.
This is normal when reducing an image to a small size, it is called Pixelation. Try not reducing it to such a small size.
Work out how big you want the final image to be on screen (say 10cm wide), and then calculate how many pixels that will be, on a average screen (about 400px for 10cm). Then make sure you do not reduce the image to anything below that resolution.