@media (max-width: 768px) {
  .container {
    flex-direction: column;
    height: auto;
  }

  .image-container,
  .form-container {
    flex: 1 1 100%;
    width: 100%;
    height: auto;
  }

  .form-container {
    padding: 2rem 1rem;
  }

  .info-row {
    flex-direction: column;
    gap: 1rem;
  }

  .info-field {
    flex: 1 1 100%;
  }

  .checkbox-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem 1rem;
  }

  .radio-row {
    flex-direction: column;
    gap: 0.6rem;
  }

  .radio-row label {
    flex: 1 1 100%;
  }

  button#showSummaryButton {
    width: 90%;
    max-width: none;
    margin: 1.5rem auto;
  }
}