.collab_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(8, 1fr);
  grid-gap: 10px;
  width: 100vw;
  height: 100vh;
  max-width: 0px;
  float: right;
  -webkit-animation: slide 2s forwards;
  animation: slide 2s forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.collab_aaa {
  grid-column: 1;
  grid-row: 1;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/apart.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_aaa:hover {
  -webkit-filter: grayscale(0%);
}
.collab_aab {
  grid-column: 2;
  grid-row: 1;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/barbie.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_aab:hover {
  -webkit-filter: grayscale(0%);
}
.collab_aac {
  grid-column: 3;
  grid-row: 1;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/bioderma.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_aac:hover {
  -webkit-filter: grayscale(0%);
}
.collab_baa {
  grid-column: 1;
  grid-row: 2;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/cupra.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_baa:hover {
  -webkit-filter: grayscale(0%);
}
.collab_bab {
  grid-column: 2;
  grid-row: 2;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/eobuwie.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_bab:hover {
  -webkit-filter: grayscale(0%);
}
.collab_bac {
  grid-column: 3;
  grid-row: 2;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/eveline.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_bac:hover {
  -webkit-filter: grayscale(0%);
}
.collab_caa {
  grid-column: 1;
  grid-row: 3;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/fuzetea.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_caa:hover {
  -webkit-filter: grayscale(0%);
}
.collab_cab {
  grid-column: 2;
  grid-row: 3;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/garnier.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_cab:hover {
  -webkit-filter: grayscale(0%);
}
.collab_cac {
  grid-column: 3;
  grid-row: 3;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/kinder.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_cac:hover {
  -webkit-filter: grayscale(0%);
}
.collab_daa {
  grid-column: 1;
  grid-row: 4;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/lancome.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_daa:hover {
  -webkit-filter: grayscale(0%);
}
.collab_dab {
  grid-column: 2;
  grid-row: 4;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/larocheposay.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_dab:hover {
  -webkit-filter: grayscale(0%);
}
.collab_dac {
  grid-column: 3;
  grid-row: 4;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/lego.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_dac:hover {
  -webkit-filter: grayscale(0%);
}
.collab_eaa {
  grid-column: 1;
  grid-row: 5;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/martessport.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_eaa:hover {
  -webkit-filter: grayscale(0%);
}
.collab_eab {
  grid-column: 2;
  grid-row: 5;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/nivea.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_eab:hover {
  -webkit-filter: grayscale(0%);
}
.collab_eac {
  grid-column: 3;
  grid-row: 5;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/nosiboo.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_eac:hover {
  -webkit-filter: grayscale(0%);
}
.collab_faa {
  grid-column: 1;
  grid-row: 6;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/novotel.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_faa:hover {
  -webkit-filter: grayscale(0%);
}
.collab_fab {
  grid-column: 2;
  grid-row: 6;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/philips.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_fab:hover {
  -webkit-filter: grayscale(0%);
}
.collab_fac {
  grid-column: 3;
  grid-row: 6;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/primark.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_fac:hover {
  -webkit-filter: grayscale(0%);
}
.collab_gaa {
  grid-column: 1;
  grid-row: 7;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/samsung.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_gaa:hover {
  -webkit-filter: grayscale(0%);
}
.collab_gab {
  grid-column: 2;
  grid-row: 7;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/sephora.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_gab:hover {
  -webkit-filter: grayscale(0%);
}
.collab_gac {
  grid-column: 3;
  grid-row: 7;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/superpharm.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_gac:hover {
  -webkit-filter: grayscale(0%);
}
.collab_haa {
  grid-column: 1;
  grid-row: 8;
  background-position: center;
  background-image:  url("https://jasuwienas.com/assets/logos/ysl.png");
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_haa:hover {
  -webkit-filter: grayscale(0%);
}
.collab_hab {
  grid-column: 2;
  grid-row: 8;
  background-position: center;
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_hab:hover {
  -webkit-filter: grayscale(0%);
}
.collab_hac {
  grid-column: 3;
  grid-row: 8;
  background-position: center;
  background-size: contain;
  background-repeat:no-repeat;
  -webkit-filter: grayscale(100%);
  margin: 2vh;
}
.collab_hac:hover {
  -webkit-filter: grayscale(0%);
}

@-webkit-keyframes slide {
    100% { max-width: 900px; }
}
@keyframes slide {
    100% { max-width: 900px; }
}