/* Gallery */  
       label {
          position: absolute;
          box-sizing: border-box;
        }

        .container {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 35em;
        }

        .container [class*='item'] {
          width: 33.33%;
          height: 33.33%;
          background: url() center center/cover no-repeat;
          transition: all 0.5s ease-in-out;
          z-index: 0;
        }

        .container [class*='item']:hover {
          border: 1px solid #00B383;
          z-index: 1;
        }

        .container [class*='item']:nth-of-type(1) {
          top: 0;
          left: 0;
        }

        .container [class*='item']:nth-of-type(2) {
          top: 0;
          left: 33.33%;
        }

        .container [class*='item']:nth-of-type(3) {
          top: 0;
          left: 66.66%;
        }

        .container [class*='item']:nth-of-type(4) {
          top: 33.33%;
          left: 0;
        }
        .container [class*='item']:nth-of-type(5) {
          top: 33.33%;
          left: 33.33%;
        }

        .container [class*='item']:nth-of-type(6) {
          top: 33.33%;
          left: 66.66%;
        }

        .container [class*='item']:nth-of-type(7) {
          top: 66.66%;
          left: 0;
        }

        .container [class*='item']:nth-of-type(8) {
          top: 66.66%;
          left: 33.33%;
        }

        .container [class*='item']:nth-of-type(9) {
          top: 66.66%;
          left: 66.66%;
        }

        .container input {
          display: none;
        }

        .container input:checked + [class*='item'] {
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 2;
        }