@media (min-width: 1024px) {
.img-as-background img{
opacity:0.5;
  transform: skew(14deg);
  overflow:visible;
  filter: grayscale(75%);
  transition: all 0.6s ease;
}
.img-as-background img:hover{
opacity:1;
  filter: grayscale(0);
}
div.flex-column{
 transform: skew(-14deg);
}
}