.wild-mult-img1 { width: 70px; height: 70px; object-fit: contain; margin: 0; }
.wild-mult-img2 { width: 100px; height: 100px; object-fit: contain; margin: 0; }
.wild-mult-img3 { width: 125px; height: 125px; object-fit: contain; margin: 0; }
.wild-burst { display: flex; gap: 4px; align-items: center; justify-content: center; }
.wild-burst-img { width: 200px; height: 200px; object-fit: contain; margin: 0; }

@media (max-width: 480px) {
  .wild-mult-img { width: 40px; height: 40px; }
}

@media (orientation: portrait) {
  .wild-mult-img1, .wild-mult-img2 { width: 70px; height: 70px; }
  .wild-mult-img3 { width: 95px; height: 95px; }
}

/* Rules page art: centred under its section, wrapping to the next row on narrow screens. */
.jc-imgs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin: 8px 0 16px; }
.jc-img-sym { width: 110px; height: auto; object-fit: contain; margin: 0; }
.jc-img-wide { width: 100%; max-width: 420px; height: auto; object-fit: contain; margin: 0; }
/* Half the size of a wide image. */
.jc-img-half { max-width: 210px; }

@media (max-width: 480px) {
  .jc-img-sym { width: 80px; }
}