vertical align

.text p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.image img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.block-of-text p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

@mixin vertical-align {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.mixin p {
  @include vertical-align;
}