Sometimes, some UI components from the website I'm working on aren't worth the time to build from scratch in Figma, so I will use screenshots to represent them in a Figma prototype. I can't figure out why I can't get some images to scale properly. In this example, I'm trying to insert an image of a menu which contains text. When I insert the image into Figma, the text in the image appears larger than the text it's supposed to be (using Figma text to compare). To attempt to scale it properly, I made sure the resolution of the monitor display is equal to the height and width of the Figma frame (1440 x 900), and I made sure the browser zoom was at 100%, before I took the screenshot. The image ratio in Figma is the same in proportion to the component in the original screen.

The text in the screenshot appears to be about size 16 when it should be size 12. I need help to figure out why it's not scaling properly. Any tips?