
.menu-pages--layout1 {

  .menuitem-image {

    position: relative;

    img {
      background: $gray-100;
      max-width: 100%;
      width: 100%;
      height: auto;
    }

    &::after {
      content: '';
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      display: block;
      position: absolute;
      background: transparentize($primary, 1);
      border-radius: 100%;
      transform: scale(.8);
      transition: all .2s ease;
    }
  }

  a:hover, a:focus {
    text-decoration: none;

    .menuitem-image::after {
      background: transparentize($primary, .5);
      transform: scale(1);
    }

    .menuitem-title {
      color: $primary;

    }
  }

}
