.free-swatches .image-with-text__grid {
  margin-bottom: 0;
  height: 100vh;
  max-height: 700px;
}

.free-swatches .image-with-text__media {
  position: relative; 
}

@media (max-width: 768px) {  
  .free-swatches .image-with-text__grid {
    max-height: 100%;
    height: auto;
  }

  .free-swatches .image-with-text__media {
    padding-bottom: 80%;
  }
}