.rotate-me-too
  {
  display:block;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }

.column-12 {
  float: left;
  width: 100%;
  padding: 10px;
}

.column-8 {
  float: left;
  width: 80%;
  padding: 10px;
}

.column-6 {
  float: left;
  width: 50%;
  padding: 10px;
}

.column-3 {
  float: left;
  width: 25%;
  padding: 10px;
}

.column-2 {
  float: left;
  width: 16,66666666667%;
  padding: 10px;
}


.column-4 {
  float: left;
  width: 33,3333333333333%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.filter__me{
  mix-blend-mode: luminosity;
}

.animateAll {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(-100%);
  transition: opacity .1s, filter .1s, transform .1s; /* Transitionne ces propriétés sur 1s */
}


.animateRotateScale {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(-20%) scale(0.95) rotate(-10deg);
  transition: opacity 1s, filter 1s, transform 1s;
}

.animateRotateScale.animateIn {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0) scale(1) rotate(0deg);
}

.show-me{
  opacity: 1!important;
  filter: blur(0)!important;
  transform: translateY(0)!important;
}