.fo-image {
  width: 100%;
  height: 100%;
  text-align: center;
  display: inline-block;
  position: relative;
}

// .fo-image.hover:hover::before {
//   content: "";
//   position: absolute;
//   top: 0;
//   background: rgba(0, 0, 0, 0.3);
//   right: 0;
//   bottom: 0;
//   left: 0;
// }

// .fo-image.active::before{
//   content: "";
//   position: absolute;
//   top: 0;
//   background: rgba(0, 0, 0, 0.8);
//   right: 0;
//   bottom: 0;
//   left: 0;
// }
