I am doing some css stuff,

Now I have a div tag slimier to this.

```
<div class="myDivClass">
<img src="some image url">
<h2>Title</h2>
</div>

```

Now I need to add hover to that div class. What I need to do is When mouse over happening Another image should appear on top of that image,

ie. ![enter image description here](https://i.stack.imgur.com/JlPAH.jpg)

But both of them should be displayed and closed image should only appear when mouse over.

CSS :

```
.myDivClass:hover{

  content:url(closed image url);

}

```

Thanks in advanced..!