.host-note {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 7%;
  align-items: center;
  background: #442d39;
  color: #f8f3e9;
  padding: 0;
  margin-bottom: 85px;
}

.host-note > div:last-child { padding: 55px 10% 55px 0; }
.host-note img { width: 100%; height: 590px; object-fit: cover; }
.host-note .eyebrow { color: #e7cfd2; }
.host-note h2 { color: #fff; }
.host-note p {
  color: #e9dfe0;
  font: 17px/1.9 Georgia, 'Times New Roman', serif;
  margin: 24px 0;
}
.host-signoff {
  display: block;
  color: #fff;
  font: italic 25px Georgia, 'Times New Roman', serif;
  margin-top: 30px;
}
.personal-experience { padding-top: 20px; }

@media (max-width: 800px) {
  .host-note { gap: 5%; }
  .host-note > div:last-child { padding: 42px 8% 42px 0; }
  .host-note img { height: 520px; }
  .host-note p { font-size: 15px; }
}

@media (max-width: 600px) {
  .host-note { display: block; width: 100%; margin-bottom: 55px; }
  .host-note img { height: 330px; }
  .host-note > div:last-child { padding: 42px 25px 48px; }
  .host-note p { font-size: 15px; line-height: 1.8; }
  .host-signoff { font-size: 22px; }
  .personal-experience { padding-top: 0; }
}