figure, img{
  width: 100%;
  margin: 0;
  padding: 0;
}

figcaption {
  padding: 10px;
  min-height: 30px;
  font-size: 14px;
  line-height: 12px;
  background-color: var(--main-color);
  color: var(--white);

}

.illustration-horizontal {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  object-fit: contain;
}

.illustration-horizontal img {
  width: 100%;
  aspect-ratio: 4 / 5;
  margin: 0;
  padding: 0;
  object-fit: contain;
}

.illustration-horizontal figcaption {
  background-color: #333;
  color: #eee;
  font-style: italic;
  margin: 0;
}

.icon-rss{
  height: 32px;
  aspect-ratio: 1;
  background-image: url(/assets/img/rss.svg);
  background-position: center;
  background-size: 100%;
  display: block;
}


@media screen and (min-width: 768px) {
  .illustration-horizontal img {
    aspect-ratio: 5 / 4;
  }
}