@media (max-width: 768px) {
    body {
        background-image: url('../../src/images/bg-mobile.svg');
    }
    .main {
      flex-direction: column;
      text-align: center;
    }
  
    .maquete img {
      max-width: 100%;
    }
  
    .info {
      margin-top: 2rem;
    }
  
    .footer {
      justify-content: center;
    }
  }