.ingredients .text-content p {
    font-size: 1.5rem;
    max-width: 28em;
    line-height: 120%;
}
.ingredients .text-content {
  padding-top: 15em;
  padding-bottom: 15em;
}

.spin-wrap {
  width: 100%;
  height: 100%;
}
.spin-wrap {
  position: relative;
  width: calc(100% - var(--container-padding));
}
.spin-wrap .spin-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 22em;
  height: 22em;
}
.image-text.ingredients .image-content img {
  width: 94%;
  height: 94%;
  margin: 3%;
}
.spinner {
  animation: spin 20s infinite linear;
  font-size: 2.5em;
  position: absolute;
  top: -17%;
  left: 50%; 
  font-weight: 700;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media all and (max-width: 66em) {
  .ingredients .image-text .image-content { min-height: 18em; }
  .spin-wrap { width: 100%; min-height: 18em; }
  .spin-wrap .spin-image {
    width: 12em;
    height: 12em;
  }
  .spinner { font-size: 1.35em; }
  .ingredients .text-content { padding-top: 2em; padding-bottom: 2em; text-align: center; }
}

@media all and (max-width: 33em) {
  .ingredients .text-content .h3 { 
    font-size: 2.25rem;
    margin-bottom: .5em;
  }
  .ingredients .text-content p {
    font-size: 1rem;
    line-height: 130%;
  }
}