body {
  margin: 0;
  padding: 2rem;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont;
  color: #111324;
}

.bento-wrapper {
  container-type: inline-size;
  container-name: bento;
  max-width: 1200px;
  margin-inline: auto;
}

.bento {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(140px, auto);
  gap: 0rem;
}

.card {
  
  position: relative;
  padding: 0.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  will-change: transform;
  transition: transform 0.3s;


  &.span-2 {
    grid-column: span 2;

    &.span-2 {
      grid-row: span 2;
    }
  }
}