main.home {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 20px;
  /* padding-bottom: 30px; */
}

main.home article {
  width: 100%;
}

main.home article h3 {
  padding: 10px 30px;
  display: none;
}

main.home article a:hover {
  opacity: 1;
}

@media screen and (min-width: 520px) {
  main.home article:nth-child(3n) {
    grid-column: 1 / span 2;
  }

  main.home article:nth-child(3n) img {
    width: 50%;
    text-align: center;
    margin-left: 25%;
  }
}

main.home img {
  width: 100%;
}

@media screen and (max-width: 520px) {
  main.home {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}