.publication-image {
  width: 10rem;
  height: 10rem;
}

.publication-block {
  display: flex;
  margin: 0.5rem 0;
}

.publication-text {
  margin-left: 1.5rem;
  margin-top: 1rem;
}

.planars-row {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(8, 1fr);
}

.planars-row img {
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 1200px) {
  .planars-row {
    grid-template-columns: repeat(7, 1fr);
  }
}

@media only screen and (max-width: 1024px) {
  .planars-row {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media only screen and (max-width: 768px) {
  .publication-image {
    width: 8.5rem;
    height: 8.5rem;
  }

  .planars-row {
    grid-template-columns: repeat(4, 1fr);
  }

  /* .publication-text {
    margin-left: 1rem;
    margin-top: 0rem;
  } */
}

@media only screen and (max-width: 540px) {
  .publication-image {
    width: 7rem;
    height: 7rem;
  }

  .planars-row {
    grid-template-columns: repeat(3, 1fr);
  }

  .publication-text {
    margin-left: 1rem;
    margin-top: 0rem;
  }
}