# Overlay Elements Elements are small components to be used within a layout

Overlay 1 - Default
Activate by adding

    .mt-overlay-1

class to your element.

Overlay 1 - Scroll Up
Activate by adding

    .mt-overlay-1 .mt-scroll-up

class to your element.

Overlay 1 - Scroll Down
Activate by adding

    .mt-overlay-1 .mt-scroll-down

class to your element.

Overlay 1 - Scroll Left
Activate by adding

    .mt-overlay-1 .mt-scroll-left

class to your element.

Overlay 1 - Scroll right
Activate by adding

    .mt-overlay-1 .mt-scroll-right

class to your element.

Overlay 2 - Default
Activate by adding

    .mt-overlay-2

class to your element.

## Overlay Title

Learn More
Overlay 2 - Grayscale
Activate by adding

    .mt-overlay-2 mt-overlay-2-grey

class to your element.

## Overlay Title

Learn More
Overlay 2 - Icons
Activate by adding

    .mt-overlay-2 mt-overlay-2-icons

class to your element.

## Overlay Title

Overlay 3
Activate by adding

    .mt-overlay-3

class to your element.

## Overlay Title

Learn More
Overlay 3 - Icons
Activate by adding

    .mt-overlay-3 mt-overlay-3-icons

class to your element.

## Overlay Title

Overlay 4
Activate by adding

    .mt-overlay-4

class to your element.

## Overlay Title

Learn More
Overlay 4 - Icons
Activate by adding

    .mt-overlay-4 mt-overlay-4-icons

class to your element.

## Overlay Title

Overlay 5
Activate by adding

    .mt-overlay-5

class to your element.

## Overlay Title

Learn More

Overlay 6
Activate by adding

    .mt-overlay-6

class to your element.

## Overlay Title

Learn More