Preview-Card

Almost perfert. Try switching the fixed width and height of the card for no height and padding. This will fix the content overflow problem.

From this:

main{
    width: 320px;
    height:70vh;
    background-color: var(--Very-dark-blue-card-BG);
    border-radius: 20px;
}

To this:

main {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.card {
  max-width: 350px;
  padding: 24px;
  background-color: var(--Very-dark-blue-card-BG);
  border-radius: 20px;
}

The above code should center the card in the screen and fix the content overflow problem in the card. You did awesome for the rest!

You can reach out to me if you have any questions. Hope it helped you!