Bonjour

voila je galère un peut sur un détail de mon challenge

j'ai crée des block qui contient plusieurs éléments (image, txt etc )

j'ai réussi a effacer par le passage de la souris le text qui me genait mais il faudrait aussi que j'annule opacité en meme temps 

voila la partie interresé de mon code css

.block{
  display: inline-block;
  text-align: center;
  width:30%;
  height: 500px;
  padding: 5px;
  margin: 2px;
  border: 6px double #000000;
  background-color: #000000;
  vertical-align: top;
  overflow: scroll;
  opacity :0.3;
}

}
.block:hover{
  opacity :1;
 }
.block:hover h5{
  display: none;
 }

et la parti html

<ul> 
       <li class = "block">
         <h5>Reward 1000 golds coins</h5>
         <img src="https://scontent-cdg2-1.xx.fbcdn.net/v/t1.0-9/48376303_10213507522989021_2210509192102412288_n.jpg?_nc_cat=109&_nc_ht=scontent-cdg2-1.xx&oh=8d501fe1fe3ef6378882b1e2ad0a6225&oe=5C8F014C" alt=""height="400px" width="400px">
            <h6>Gandalf</h6>
            <label for="message">Small description...<br></label>
            <textarea rows="3" cols="25" id="message" name="message"></textarea>
         </li>
        <li class = "block"><h5>
          <h5>Reward 500 golds coins</h5>
          <img src="https://p3.storage.canalblog.com/39/96/678009/49289015_p.jpg" alt=""height="400px" width="400px">
          <h6>Frodon</h6>
          <label for="message1">Small description...<br></label>
            <textarea rows="3" cols="25" id="message1" name="message1"></textarea>
          </li>
        <li class = "block">
          <h5>Reward 250 golds coins</h5>
          <img src="https://vignette.wikia.nocookie.net/seigneur-des-anneaux/images/e/ec/Gimli_-_FOTR.png/revision/latest/scale-to-width-down/260?cb=20140610114400&path-prefix=fr" alt=""height="400px" width="400px">
          <h6>Yummy Dwarf</h6>
          <label for="message2">Small description...<br></label>
          <textarea rows="3" cols="25" id="message2" name="message2"></textarea>
        </li>
    </ul>

Merci pour le temps consacré