BITPlan

<img src="https://wiki.bitplan.com/font-awesome/svg/nav_left_blue.svg" width="48" height="48" title="nav_left_blue">
<img src="https://wiki.bitplan.com/font-awesome/svg/file-text-o.svg" width="48" height="48" title="file-text-o">
<img src="https://wiki.bitplan.com/font-awesome/svg/nav_right_blue.svg" width="48" height="48" title="nav_right_blue">

This is the Template ExternalImage It works along the lines of:

You might want to add the following lines to MediaWiki:Common.css 

.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}

usage

{{ExternalImage|size=250px|title=Smiling Girl|link=http://philia-care.com/wp-content/uploads/2015/04/smiling_girl_small.jpg}}
http://philia-care.com/wp-content/uploads/2015/04/smiling_girl_small.jpg