.h-eco__main {
    padding: 1rem;
}
.h-eco__child {
    border: 1px solid transparent;
    border-radius: 1rem;
    padding: 1rem;
    & img {
      border-radius: 3rem;
      max-width: 100%;
    }
    & div {
      max-width: 100%;
    }
    &:hover {
        border: 1px solid var(--color-border); 
    }
}
@media (min-width: 1200px) {
  .h-eco__child {
    display: flex;
    gap: 2rem;
    padding: 1.5rem;
    & img {
      max-width: 400px;
      height: 100%;
    }
    & div {
      max-width: calc(100% - 400px);
    }
    & h3 {
      margin: 0;
    }
    & p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
    }
  }
}