Remove external link icon from image

问题

I am trying to create a Jekyll blog template. I want to show an font awesome external link icon along with hyperlinks on every article. So I wrote CSS like:

#myLink a[href^="//"]:after, 
#myLink a[href^="http://"]:after,
#myLink a[href^="https://"]:after {
content: "\f35d";
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
margin: 0 0 0 5px;
}
#myLink a:link {
color: blue;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid red;
}
#myLink a:visited {
color: hotpink;
background-color: transparent;
text-decoration: none;
}
#myLink a:hover {
color: green;
background-color: transparent;
text-decoration: none;
}
#myLink a:active {
color: blue;
background-color: transparent;
text-decoration: underline; 
}

Then I wrote article as follows:

<article id="myLink">
.....
....
</article>

It works. But if I add Image as an external link

![img](https://something.jpg)

It will shows font awesome external link after image. How can I remove that icon for images?

来源：https://stackoverflow.com/questions/48909079/remove-external-link-icon-from-image