img {
  display: inline-block;
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: center;
}

.image-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.image-grid img:nth-child(3n+2) {
  transform: skewX(20deg);
}

#img-0 {

}

#img-1 {
  
}

#img-2 {
  
}

#img-3 {
  
}

#img-4 {
  
}

#img-5 {
  
}

#img-6 {
  
}

#img-7 {
  
}

#img-8 {
  
}

#img-9 {
  
}

#img-10 {
  
}

#img-11 {
  
}