.image.is-280x210 {
  width: 280px;
  height: 210px;
}
.image.is-280x210 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image.is-140x105 {
  width: 140px;
  height: 105px;
}
.image.is-140x105 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* mobile幅(?768px)では画像を上、本文を下に縦積みにする */
@media screen and (max-width: 768px) {
  .media {
    flex-direction: column;
  }
  .media-left {
    margin-right: 0;       /* 横並び用の右マージンは不要になるので解除 */
    margin-bottom: 0.75rem; /* 代わりに下に余白を入れる */
    /* align-self: center;     画像を中央寄せにしたい場合(任意) */
  }
}

/* 左ペイン・中央コンテンツ　文字を一回り小さくする場合に使う */
.pane-small {
  font-size: 90%;                 /* 通常の文章・説明文用 */
  --bulma-size-small: 0.675rem;   /* Bulmaのボタン等が参照するサイズ変数を連動して縮小 */
  --bulma-size-normal: 0.9rem;
  --bulma-size-medium: 1.125rem;
  --bulma-size-large: 1.35rem;
}