How do I style separate img files with css?

Question

I have my logo img in the header. Next I want a picture going across the width of my page. If I use img { and Imput my css here } nothing will be affected because I have already styled with img tag... Any advice??

Answer 1

The usual practise is add different class to the img tags, and style accordingly.

Answer 2

Try add this into head tag

<style>
img {
width: 100vh;
}
</style>

Answer 3

That's useful for sure, but what if I wanted two img files in the body tag of different size?