.frame {
  display: flex;
  flex-direction: column;
  padding: var(--space-medium) var(--space-medium) 0 var(--space-medium);
  position: relative;
  z-index: 1;
}

.frame__card {
  margin-inline: auto;
  overflow: hidden;
  width: min(100%, 36em);
}

@media(min-width: 64em) {

  .frame {
    padding: var(--space-neutral) var(--space-neutral) 0 var(--space-neutral);
  }

  .frame__card {
    width: min(100%, 40em);
  }

}