.rhombus_wrapper {
  position: relative;
  flex-grow: 1;
  margin: auto;
  width: 28vw;
  height: 28vw;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(8, 1fr);
  grid-gap: 2vmin;
  justify-items: center;
  align-items: center; }
  .rhombus_wrapper IMG {
    z-index: 1;
    grid-column: span 2;
    max-width: 100%;
    margin-bottom: -52%;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    transform: scale(1);
    transition: all .25s; }
    .rhombus_wrapper IMG:nth-child(3n + 1) {
      grid-column: 2 / span 2; }
    .rhombus_wrapper IMG:hover {
      z-index: 2;
      transform: scale(2); }

/*# sourceMappingURL=rhombus.css.map */