/**
 * Text with image
 */

.text-with-image {
}
.text-with-image__image {

}
.text-with-image__image img {
  margin: 0 auto;
}
.text-with-image__text {

}
@media all and (min-width: 750px) {
  .text-with-image {
    display: grid;
    grid-template-columns: 20% calc(80% - 2rem);
    gap:2rem;
    align-items: center;
  }
}
@media all and (min-width: 1300px) {
  .text-with-image {
    display: grid;
    grid-template-columns: calc(20% - 1.75rem) calc(60% - 1.75rem) 20%;
    gap: 2rem;
    align-items: center;
  }
}