@lcf.vs/css-ui/components/main/card/card.css

A pure CSS base to make a responsive user interface

/* {"name":"css-ui","version":"2.4.0","author":"Lcf.vs <michael.rouges@gmail.com>","license":"MIT"} */
a > figure:first-child:last-child {
  display: inline-block;
  position: relative;
  border: var(--css-ui--main--card--border);
  min-width: 100%;
  text-align: center
}

a > figure:first-child:last-child img {
  max-width: 100%;
  min-width: 100%;
  display: inline-block
}

a > figure:first-child:last-child figcaption {
  position: absolute;
  display: block;
  width: 100%;
  border-top: var(--css-ui--main--card--border);
  background: var(--css-ui--main--card--bg);
  bottom: 0
}