img.outlined-white {
    -webkit-filter: drop-shadow(2px 2px 0 white)
                    drop-shadow(-2px 2px 0 white)
                    drop-shadow(2px -2px 0 white)
                    drop-shadow(-2px -2px 0 white);

    filter: drop-shadow(2px 2px 0 white)
            drop-shadow(-2px 2px 0 white)
            drop-shadow(2px -2px 0 white)
            drop-shadow(-2px -2px 0 white);
}

img.outlined-purple {
    -webkit-filter: drop-shadow(2px 2px 0 rgb(202, 136, 218))
                    drop-shadow(-2px 2px 0 rgb(202, 136, 218))
                    drop-shadow(2px -2px 0 rgb(202, 136, 218))
                    drop-shadow(-2px -2px 0 rgb(202, 136, 218));

    filter: drop-shadow(2px 2px 0 rgb(202, 136, 218))
            drop-shadow(-2px 2px 0 rgb(202, 136, 218))
            drop-shadow(2px -2px 0 rgb(202, 136, 218))
            drop-shadow(-2px -2px 0 rgb(202, 136, 218));
}

img.outlined-pink {
    -webkit-filter: drop-shadow(2px 2px 0 Pink)
                    drop-shadow(-2px 2px 0 Pink)
                    drop-shadow(2px -2px 0 Pink)
                    drop-shadow(-2px -2px 0 Pink);

    filter: drop-shadow(2px 2px 0 Pink)
            drop-shadow(-2px 2px 0 Pink)
            drop-shadow(2px -2px 0 Pink)
            drop-shadow(-2px -2px 0 Pink);
}

.zoom:hover {
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ 
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Rainbow Colours */
img.outlined-rainbow-red {
    -webkit-filter: drop-shadow(2px 2px 0 Red)
                    drop-shadow(-2px 2px 0 Red)
                    drop-shadow(2px -2px 0 Red)
                    drop-shadow(-2px -2px 0 Red);

    filter: drop-shadow(2px 2px 0 Red)
            drop-shadow(-2px 2px 0 Red)
            drop-shadow(2px -2px 0 Red)
            drop-shadow(-2px -2px 0 Red);
}

img.outlined-rainbow-orange {
    -webkit-filter: drop-shadow(2px 2px 0 Orange)
                    drop-shadow(-2px 2px 0 Orange)
                    drop-shadow(2px -2px 0 Orange)
                    drop-shadow(-2px -2px 0 Orange);

    filter: drop-shadow(2px 2px 0 Orange)
            drop-shadow(-2px 2px 0 Orange)
            drop-shadow(2px -2px 0 Orange)
            drop-shadow(-2px -2px 0 Orange);
}

img.outlined-rainbow-yellow {
    -webkit-filter: drop-shadow(2px 2px 0 Yellow)
                    drop-shadow(-2px 2px 0 Yellow)
                    drop-shadow(2px -2px 0 Yellow)
                    drop-shadow(-2px -2px 0 Yellow);

    filter: drop-shadow(2px 2px 0 Yellow)
            drop-shadow(-2px 2px 0 Yellow)
            drop-shadow(2px -2px 0 Yellow)
            drop-shadow(-2px -2px 0 Yellow);
}

img.outlined-rainbow-green {
    -webkit-filter: drop-shadow(2px 2px 0 Green)
                    drop-shadow(-2px 2px 0 Green)
                    drop-shadow(2px -2px 0 Green)
                    drop-shadow(-2px -2px 0 Green);

    filter: drop-shadow(2px 2px 0 Green)
            drop-shadow(-2px 2px 0 Green)
            drop-shadow(2px -2px 0 Green)
            drop-shadow(-2px -2px 0 Green);
}

img.outlined-rainbow-blue {
    -webkit-filter: drop-shadow(2px 2px 0 Blue)
                    drop-shadow(-2px 2px 0 Blue)
                    drop-shadow(2px -2px 0 Blue)
                    drop-shadow(-2px -2px 0 Blue);

    filter: drop-shadow(2px 2px 0 Blue)
            drop-shadow(-2px 2px 0 Blue)
            drop-shadow(2px -2px 0 Blue)
            drop-shadow(-2px -2px 0 Blue);
}

img.outlined-rainbow-violet {
    -webkit-filter: drop-shadow(2px 2px 0 Violet)
                    drop-shadow(-2px 2px 0 Violet)
                    drop-shadow(2px -2px 0 Violet)
                    drop-shadow(-2px -2px 0 Violet);

    filter: drop-shadow(2px 2px 0 Violet)
            drop-shadow(-2px 2px 0 Violet)
            drop-shadow(2px -2px 0 Violet)
            drop-shadow(-2px -2px 0 Violet);
}