.mcp-community {
  padding-block: 4.5rem;
  background: linear-gradient(132.92deg, rgba(231, 247, 248, 0.7) 9.56%, rgba(214, 235, 251, 0.7) 55.33%, rgba(232, 247, 196, 0.7) 101.11%), #FFFFFF;
}
.mcp-community__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 3rem;
}
.mcp-community__text h2 {
  font-size: var(--font-size-h3);
  font-weight: 800;
  color: var(--text-strong);
  letter-spacing: -0.02em;
  line-height: 1.3;
  margin-block-end: 1.5rem;
}
.mcp-community__visual {
  display: flex;
  justify-content: end;
  align-items: center;
}
.mcp-community__visual img {
  max-width: 14rem;
  height: auto;
  display: block;
}

@media (max-width: 55.9975rem) {
  .mcp-community__grid {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .mcp-community__visual {
    order: -1;
  }
}
@media (max-width: 39.9975rem) {
  .mcp-community {
    padding-block: 3rem;
  }
  .mcp-community__visual img {
    max-width: 10rem;
  }
}