@media (max-width: 1024px) {
  .background {
    flex-direction: column;
  }

  .main {
    flex-direction: column;
    gap: 60px;
    padding: 40px 20px;
  }

  .background-left {
    width: 100%;
    height: 50%;
  }

  .background-right {
    width: 100%;
    height: 50%;
  }

  .profile-card {
    height: auto;
    width: 100%;
    max-width: 400px;
  }

  .profile-content {
    padding: 40px 60px;
    gap: 30px;
  }

  .profile-image {
    width: 200px;
    height: 200px;
  }

  .introduces {
    height: auto;
    align-items: center;
    text-align: center;
    max-width: 600px;
  }

  .greeting {
    font-size: 4.5rem;
  }

  .subtitle {
    font-size: 1.75rem;
  }

  .paragraph {
    max-width: 100%;
  }
}