I want to make link(.fm) appearing while hovering the image, but my code isn't working (when i hover to the link it starts to appear and dissapear fast).this is the code. I tried usind z-index but it didn't worked , also tried changing positions , but without succes. Any tips please.can you please help me by typing a working code or correcting mine?

```
.fm a{
    position:absolute;
    display: none;
    background-color: #5D5D5D;
    color:pink;
    padding:10px;
}
.caine1 img:hover + .fm a{
    display:block;
    z-index: 1;
}
    <div class="caine1">
  <img src="1.png" width="400" height="250"></img>
  <div class="fm">
    <a href="#" id="f1">Female</a>
</div>
</div>

```

The code is working , but it have lags while hovering the .fm link