@media screen and (min-width: 768px) {
  #feature .flex {
    flex-direction: row-reverse; } }
.hydro-flex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }
  .hydro-flex figure {
    width: 250px;
    margin: 2em 1em; }

@media screen and (min-width: 992px) {
  .hydro-flex figure {
    width: 200px;
    margin: 2em; } }
@media screen and (max-width: 768px) {
  .hydro-flex {
    flex-direction: column;
    justify-content: center; }
    .hydro-flex figure {
      width: 250px;
      margin: 1em auto; } }