To convert an image to grayscale in HTML/CSS, we set the filter property.
For instance, we write
<img src="https://picsum.photos/30/30" />
to add an img element.
Then we write
img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
to set the filter and -webkit-filter property to grayscale(1) to make the image grayscale.
