@media (max-width: 900px) {
  body {
    overflow-x: hidden;
  }
  #sobre-img {
    margin: auto;
    height: 30%;
    width: 100%;
    transform: rotate(20deg);
  }
  #div-sobre {
    grid-template-columns: 1fr 3fr;
    gap: 2.5em;
  }
  #div-midia {
    grid-template-columns: repeat(2, 1fr);
  }
  #div-midia img {
    height: 225px;
    width: 225px;
    margin-bottom: 1em;
  }
  #div-contato {
    height: auto;
  }
}

@media (max-width: 600px) {
  body {
    overflow-x: hidden;
  }

  #sobre-img {
    margin: auto;
    height: 30%;
    width: 80%;
    transform: rotate(10deg);
    min-width: 150px;
  }

  #div-sobre {
    grid-template-columns: 1fr 3fr;
    gap: 2.5em;
  }

  #div-sobre div {
    margin: auto;
  }

  #div-midia {
    grid-template-columns: repeat(2, 1fr);
    padding: 2em 0 2em 0;
    align-content: center;
    justify-items: center;
  }

  #div-midia img {
    height: 150px;
    width: 150px;
    margin-bottom: 2em;
  }
}