@media screen and (max-width: 1440px) {
  img {
    border-radius: 2rem;
  }

  main {
    padding: 2% 0%;
  }

  .topic {
    padding: 5% 5%;
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 1024px) {
  img {
    border-radius: 2rem;
  }

  main {
    padding: 2% 0%;
  }

  .topic {
    padding: 5% 5%;
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  img {
    border-radius: 1rem;
  }

  main {
    padding: 2% 0%;
  }

  .topic {
    padding: 5% 5%;
    font-size: 1rem;
  }
}

@media screen and (max-width: 426px) {
  img {
    border-radius: 1rem;
  }

  main {
    padding: 2% 0%;
  }

  .topic {
    padding: 5% 5%;
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 675px) {
  img {
    border-radius: 1rem;
  }
}