.woah {
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: radial-gradient(grey, slategrey, lightslategrey, slategrey, grey);
  width: 88.2vw;
  height: 44.2vw;
  padding: .1vw;
  margin: 1vw;
  border-bottom: .3vw solid black;
  border-left: .3vw solid black;
  border-top: .3vw solid lightgrey;
  border-right: .3vw solid lightgrey;
}

.col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 5.5vw;
  height: 44vw;
  transition: .075s;
}

.col:hover {
    transform: scale(.3);
    opacity: .5;
}

.colx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 5.5vw;
  height: 44vw;
  transition: .075s;
}

.colx:hover {
    transform: scale(1.13);
    opacity: .5;
}

.block {
  height: 2vw;
  width: 2vw;
  margin: .1vw;
  background-color: lavender;
  transition: .075s;
  transition-delay: .2s;
}

.block:hover {
  transform: scale(1.4);
  background-color: grey;
}