.pin_container {
  --card_width: 420px;
  --row_increment: 10px;
  --card_border_radius: 16px;
  --card_small: 16;
  --card_medium: 33;
  --card_large: 60;

  margin: 0;
  padding: 0;
  width: 100vw;

  display: grid;
  grid-template-columns: repeat(auto-fill, min(100%, var(--card_width)));
  grid-auto-rows: var(--row_increment);
  justify-content: center;
}
.card {
  padding: 0;
  margin: 15px 10px;
  border-radius: var(--card_border_radius);
  background-color: #e9e8e2;
  border: none;
  grid-row-end: span var(--card_large);
}

.card_small {
  grid-row-end: span var(--card_small);
}

.card_medium {
  grid-row-end: span var(--card_medium);
}

.card_large {
  grid-row-end: span var(--card_large);
}
.cta-btn {
  background-color: #bf9096;
  color: white;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.div-1 {
  position: absolute;
  bottom: 8px;
  left: 0px;
  right: 0px;
}
.dropdown-item:active{
  background-color: #e6ebee;
  color: black;
}