.container {
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--4);
}

.container img {
    max-height: 100dvh;
}

@media (max-width: 1024px) {
    .container {
      flex-direction: row;
    }
}

@media (max-width: 700px) {
    .container img {
      width: 100%;
    }
}