main {
  padding: 48px;
}

main .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 100px;
}

main .list .card {
  width: 40%;
  background: #d9d9d9;
}

main .list .card img { 
  width: 100%;
}
main .list .card div {
  font-family: "Inknut Antiqua";
  font-size: 30px;
  cursor: pointer;
  text-align: center;
}

/* media */
@media (max-width: 960px) {
  main {
    padding: 12px;
  }

  main .list {
    justify-content: start;
  }

  main .list .card {
    width: 60%;
  }

  main .list .card:nth-child(2n) {
    margin-left: auto;

  }
}