.card .img {
  width:300px;
  height:200px;
  /*background:black;*/
  border-spacing:10px;
  border-radius:15px;
  border-collapse:separate;
  padding:5px;
}
.card-titulo {
  font-size:55;
  color:white;
  font-family:Vegur, 'PT Sans', Verdana, sans-serif;
  font-weight:bold;
  text-align:center;
  margin:3px 3px 3px 3px;
  position:absolute;
  width:100%;
  height:80%;
  top:0;
  left:0;
  transition:all 0.6s;
}
.card-info{
  font-size:17;
  color:white;
  text-align:center;
  margin:80px 0 20% 20%;
  position:absolute;
  z-index:20;
  width:60%;
  height:70%;
  top:0;
  left:0;
  transition:all 0.6s;
}
.card-blog {
  font-size:35;
  color:blue;
  font-family:Vegur, 'PT Sans', Verdana, sans-serif;
  font-weight:bold;
  text-align:center;
  margin:3px 3px 3px 3px;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  transition:all 0.6s;
}
.cardBlog .imgBlog {
  width:300px;
  height:300px;
  /*background:black;*/
  border-spacing:10px;
  border-radius:15px;
  border-collapse:separate;
  padding:0px;
}
/*.productos {background:red;}*/

.img:hover{opacity:0.1;}
.imgBlog:hover{opacity:0.1;}
.card-titulo:hover ~ .img{opacity:0.1;}
.card-blog:hover ~ .img{opacity:0.1;}
.card-info:hover ~ .img{opacity:0.1;}
.div {background:yellow;}