section.content-grid .wrapper .items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: auto;
  gap: 32px;
}
section.content-grid .wrapper .items .item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  flex-wrap: auto;
  gap: 32px;
  max-width: 580px;
}
section.content-grid .wrapper .items .item .image {
  aspect-ratio: 1.78/1;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ccf9fa;
  overflow: hidden;
}
section.content-grid .wrapper .items .item .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.content-grid .wrapper .items .item .content {
  flex: 1;
}
section.content-grid .wrapper .items .item .content h3 {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  color: #0b5653;
  line-height: 1.3;
}
section.content-grid .wrapper .items .item .btns {
  justify-content: flex-start;
}

@media only screen and (min-width: 601px) {
  section.content-grid .wrapper .items .item .content h3 {
    font-size: 1.75rem;
  }
  section.content-grid .wrapper .items .item .content .btns {
    justify-content: flex-start;
  }
  section.content-grid .wrapper .items .item .content .btns .btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media only screen and (min-width: 992px) {
  section.content-grid {
    padding: 64px 16px;
  }
  section.content-grid .wrapper .items {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 32px;
  }
  section.content-grid .wrapper .items .item {
    flex-basis: calc(50% - 16px);
    align-self: stretch;
  }
  section.content-grid .wrapper .items .item .content h3 {
    font-size: 2.175rem;
  }
}