.container {
animation-name: tmpl-anim-fade-scale-up;
    animation-duration: 800ms;
    animation-fill-mode: both;
    animation-iteration-count: 1;
}

.main .container {
  --col-width: var(--_col-width, 240px);
  --columns: var(--_columns, 3);
  --gap: var(--_gap, 10px);

  columns: var(--col-width) var(--columns);
  column-gap: var(--gap);
}

.main .card-image {
  margin-bottom: var(--gap);

}
.main .card-image img ,video {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 600px) {
  .main .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1rem;
  }
}