:root {
  --almost-black: #111;
}

.content-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.content {
  display: grid;
  gap: 60px;
  grid-template-columns: 1fr;
  max-width: 1280px;
  padding-bottom: calc(10vh + 80px);
  width: calc(100% - 60px);
}
@media screen and (min-width: 768px) {
  .content {
    grid-template-columns: repeat(2, 1fr);
    gap: 10%;
  }
}
.content .content-item .image {
  width: 100%;
  height: 50vw;
  max-height: 380px;
}
@media screen and (min-width: 768px) {
  .content .content-item .image {
    height: 27.5vw;
  }
}
.content .content-item .image img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
.content .content-item .info {
  font-size: 0.8em;
  margin-top: 1.5em;
}
.content .text-wrapper p {
  margin-top: 0;
}