Почему не работает fluidbox overlay?

Нашел замечательный инструмент terrymun.github.io/Fluidbox/demo/index.html
Позволяющий приближать изображения.
Подключил, все работает.
Хочу добавить затемнение фона, после приближение картинки, но не получается.
В статье под пунктом Customising overlays про это пишут.

Вот отрывок из моей галереи фоток

<div class="grid-item event">
    <a href="photo/event1.jpg"  class="overlay-3">
    <img src="photo/event1.jpg" />
    </a>
  </div>
  <div class="grid-item event">
    <a href="photo/event2.jpg" class="overlay-3">
    <img src="photo/event2.jpg" />
    </a>
  </div>

Вот так я пытаюсь добавить затемнение

.fluidbox-overlay {
      .overlay-3 & {
          background-color: transparent; /* To override default style */
          background-image: linear-gradient(
              to top left,
              rgba(130,168,158,0.85),
              rgba(134,150,173,.85)
          );
      }
  }

Но ничего не меняется. Что я упускаю ?
Нужно класс fluidbox-overlay куда-то присобачить ? Или это встроенный класс...
Прошу помощи