Html – Replace image src location using CSS


I have a website that has an image with a src attribute and I would like to change the src location of that image with an image of my own. The image lives in a div component. I can't change the HTML and am looking ways to change it using CSS only please.

Div component:

<div class="application-title">
<img style="margin-top: 3px;height: 45px;" src="image.svgz">

Image component(CSS file):

.application-title IMG
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    opacity: 1;
    margin-left: 0px;
    visibility: hidden;

Best Answer

You can use a background image

.application-title img {
  padding-left: 200px;
  /*width of the image*/
  background: url( left top no-repeat;
<div class="application-title">
  <img src="">
</div><br />
Original Image: <br />

<img src="">