#block-fpevents {
  position: relative;
  transition: all 300ms;
  height: 250px;
  width: 100%;
  background-color: #F0F0F1;
  background: #F0F0F1 url('/sites/montgomerywealth.us1.advisor.ws/files/styles/max_2600x2600/public/images/events_1.jpg?itok=2RZlFOcc');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;

  &:after {
        transition: all 300ms ease;
    z-index: 5;
     position: absolute;
    content:"";
    background-color: #000;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
  }

  // Show opacity on hover
  &:hover:after {
    opacity: 0.4;
  }

  .event-text {
    z-index: 10;
    position: absolute;
    transition: all 300ms;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid #fff;
    padding: 20px;
    h2 {
      color: #fff;
    }
  }

  @media screen and (min-width: 40em) {
    height: 350px;
  }
  @media screen and (min-width: 64em) {
    height: 450px;
    .event-text {
      left: 20%;
    }
  }
}