@media (max-width: 767px) {
  main .h-full.w-full > div[style*="flex-direction: row"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 1.25rem !important;
    padding-inline: 1rem;
  }
  main .h-full.w-full > div[style*="flex-direction: row"] > div {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 1.25rem !important;
  }
  main .h-full.w-full > div[style*="flex-direction: row"] > div > div,
  main .h-full.w-full > div[style*="flex-direction: row"] a {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    flex: none !important;
  }
  main .h-full.w-full > div[style*="flex-direction: row"] a > div {
    height: auto !important;
    min-height: 0 !important;
  }
  main .h-full.w-full > div[style*="flex-direction: row"] a > .bg-card {
    display: block !important;
    height: fit-content !important;
    align-self: flex-start !important;
  }
  main .h-full.w-full > div[style*="flex-direction: row"] a > .bg-card > * + * {
    margin-top: 0.75rem;
  }
  main .h-full.w-full > div[style*="flex-direction: row"] a > div:last-child {
    overflow: hidden;
    overflow-wrap: anywhere;
  }
}