
:root {
  /* we want the plates to keep relative size to eachother */
  --dp_w1: calc(calc(245/980) * 100%);
  --dp_w2: calc(calc(325/980) * 100%);
  --dp_w3: calc(calc(490/980) * 100%);
}

.dp_imgGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  column-gap: 7em;
  row-gap: 7em;
}

.dp_imgGroup img{
    height: fit-content;
}

/* #dp_plateRow1 {} */

#dp_plateRow1, #dp_plateRow2 {
  margin-top: 3em;
}

#dp_plateRow2 {
  align-items: flex-end;
}

#dp_plate1, #dp_plate3 {
  width: var(--dp_w1);
}

#dp_plate2 {
  width: var(--dp_w2);
}

#dp_plate4 {
  width: var(--dp_w3);
} 

#dp_plate5, #dp_plate6 {
  margin-top:6em;
}
