* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.container {
  padding: 2em;
  ul {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    justify-content: center;
    li {
      flex-basis: 100px;
      border: 1px solid #999;
      border-radius: 20px;
      padding: 1em;
      display: flex;
      gap: 1em;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      span {
      }
      a {
        display: flex;
        width: 100%;
        height: 100%;

        gap: 1em;
        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }
  }
}