В flex что бывает нужно

выровнить по середине во всех направлениях

 {  display: flex;
    align-items: center;
    justify-content: center;
 }

как поменять местами с помощью css первый блок div с последним

.product-card-slider1 {
  display: flex;
  flex-direction: column;
}

.product-card-slider1 > div:first-child {
  order: 1;
}

.product-card-slider1 > div:last-child {
  order: -1;
}