.cd-skins__grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px
}

.cd-skin {
  min-width:0;
  overflow:hidden;
  border-radius:var(--cd-radius);
  background:var(--cd-surface)
}

.cd-skin__image {
  aspect-ratio:16/10;
  overflow:hidden;
  background:#000
}

.cd-skin__image img {
  width:100%;
  height:100%;
  object-fit:cover
}

.cd-skin__body {
  padding:24px
}

.cd-skin__body p {
  margin-top:12px;
  color:var(--cd-muted);
  font-size:15px
}

@media(max-width:767px) {
  .cd-skins__grid {
    grid-template-columns:1fr;
    gap:24px
  }
  .cd-skin__image {
    aspect-ratio:16/9
  }
  .cd-skin__body {
    padding:24px
  }
}