.effect {
  background-size: cover;
  background-position: center;
  transition: opacity 0.3s ease-in-out;
  opacity: 0.5;
}

.effect:hover {
  opacity: 1;
}

/* =================02================ */

.effect2 {
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease-in-out;
}

.effect2:hover {
  transform: scale(1.1);
}

/* =================03================ */