section.home a:nth-child(32n + 2) .img-container,
section.home a:nth-child(32n + 15) .img-container,
section.home a:nth-child(32n + 25) .img-container {
  position: relative;
  top: 40px;
  left: 20px;
  width: 80%;
}

/* Variação 2: Desloca para cima e esquerda */
section.home a:nth-child(32n + 4) .img-container,
section.home a:nth-child(32n + 18) .img-container,
section.home a:nth-child(32n + 28) .img-container {
  position: relative;
  top: -30px;
  left: -25px;
}

/* Variação 3: Encolhe bastante e desloca para baixo */
section.home a:nth-child(32n + 6) .img-container,
section.home a:nth-child(32n + 13) .img-container,
section.home a:nth-child(32n + 31) .img-container {
  position: relative;
  top: 60px;
  width: 50%;
  left: 10px;
}

/* Variação 4: Deslocamento vertical forte para baixo */
section.home a:nth-child(32n + 8) .img-container,
section.home a:nth-child(32n + 21) .img-container {
  position: relative;
  top: 80px;
  left: -15px;
}

/* Variação 5: Desloca para cima e encolhe */
section.home a:nth-child(32n + 10) .img-container,
section.home a:nth-child(32n + 23) .img-container {
  position: relative;
  top: -50px;
  left: 30px;
  width: 75%;
}


@media (max-width: 760px) {

  /* Variação 1 em mobile: menos deslocamento, largura maior */
  section.home a:nth-child(32n + 2) .img-container,
  section.home a:nth-child(32n + 15) .img-container,
  section.home a:nth-child(32n + 25) .img-container {
    top: 20px;
    width: 90%;
  }

  /* Variação 3 em mobile: muda o deslocamento e largura */
  section.home a:nth-child(32n + 6) .img-container,
  section.home a:nth-child(32n + 13) .img-container,
  section.home a:nth-child(32n + 31) .img-container {
    top: 30px;
    width: 85%;
    left: -5px;
  }

  /* Variação 5 em mobile: menos deslocamento para cima */
  section.home a:nth-child(32n + 10) .img-container,
  section.home a:nth-child(32n + 23) .img-container {
    top: -25px;
    width: 80%;
  }
}