.home-projects-7__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  gap: 34px;
  align-items: start;
}

.home-projects-7__mosaic {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 172px;
  gap: 16px;
}

.home-projects-7__item {
  margin: 0;
}

.home-projects-7__item img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 26px;
  object-fit: cover;
}

.home-projects-7__item--1 {
  grid-column: 1;
  grid-row: 1;
}

.home-projects-7__item--2 {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.home-projects-7__item--3 {
  grid-column: 3;
  grid-row: 1;
}

.home-projects-7__item--4 {
  grid-column: 1;
  grid-row: 2 / span 2;
}

.home-projects-7__item--5 {
  grid-column: 2;
  grid-row: 3;
}

.home-projects-7__item--6 {
  grid-column: 3;
  grid-row: 2 / span 2;
}

@media (max-width: 1180px) {
  .home-projects-7__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .home-projects-7__mosaic {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .home-projects-7__item--1,
  .home-projects-7__item--2,
  .home-projects-7__item--3,
  .home-projects-7__item--4,
  .home-projects-7__item--5,
  .home-projects-7__item--6 {
    grid-column: auto;
    grid-row: auto;
  }

  .home-projects-7__item img {
    aspect-ratio: 1.08 / 1;
    border-radius: 20px;
  }
}