/* Centered text */
        .centered {
          position: absolute;
          top: 50%;
          left: 50%;
          color: white;
          font-size: 8em;
          -webkit-text-stroke: 2px black;
          transform: translate(-50%, -50%);


        }

        .thumb {
            border: 1px solid black;
            border-radius: 1rem !important;
            max-height: 100%;
            max-width: 100%;
        }

        .zoom {
                transform-origin: top left;
                -webkit-transition: all 0.35s ease-in-out;
                -moz-transition: all 0.35s ease-in-out;
                transition: all 0.35s ease-in-out;
                cursor: -webkit-zoom-in;
                cursor: -moz-zoom-in;
                cursor: zoom-in;
                }
        .zoom:hover,
        .zoom:active,
        .zoom:focus {
                    z-index:100;
                    position: absolute;
                    top: auto;
                    left: auto;
                    width:100%;
                    height: 100%;
                    transition: transform 0.4s ease, visibility 0s linear 0.3s;
                    &.anim {
                      visibility:visible;
                      transition: transform 0.4s ease, visibility 0s linear 0s;
                }
              }

        .zoomr:hover,
        .zoomr:active,
        .zoomr:focus {
                    transform:rotate(90deg);

              }

        .zoom2:hover,
        .zoom2:active,
        .zoom2:focus {
                    transform:scale(2,2);
                    transform-origin: center top;
              }

        .zoom2b:hover,
        .zoom2b:active,
        .zoom2b:focus {
                    transform:scale(2,2);
                    transform-origin: center bottom;
              }

        .zoom3:hover,
        .zoom3:active,
        .zoom3:focus {
                    transform:scale(3,3);
                    transform-origin: top center;
              }
        .zoom3c:hover,
        .zoom3c:active,
        .zoom3c:focus {
                    transform:scale(3,3);
                    transform-origin: center center;
              }

        .zoom3cr:hover,
        .zoom3cr:active,
        .zoom3cr:focus {
                    transform:scale(3,3);
                    transform-origin: center right;
              }
        .zoom3b:hover,
        .zoom3b:active,
        .zoom3b:focus {
                    transform:scale(3,3);
                    transform-origin: bottom center;
              }
        .zoom3br:hover,
        .zoom3br:active,
        .zoom3br:focus {
                    transform:scale(3,3);
                    transform-origin: bottom right;
              }