.grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 0;
}
.card { display:block; position:relative; overflow:hidden; border-radius:0px; }
.card img {
  width:100%; height:auto; display:block;
  transition: transform .25s ease;
}
.card:hover img { transform: scale(1.1); }
.caption { margin:6px 0 0; font-size:0.85rem; text-align:center; line-height:1.4; }
@media (max-width: 700px) { .grid { grid-template-columns: 1fr; }`