/* Fix bulleted list being squished by image on Mobi mobile app - version 2 of CSS */

@media (max-width: 768px) {
  img[style*="float: right"] {
    float: none !important;
    display: block !important;
    clear: both !important;

    /* center image */
    margin-left: auto !important;
    margin-right: auto !important;

    /* spacing below image */
    margin-bottom: 1rem !important;

    max-width: 100% !important;
    height: auto !important;
  }

  ul,
  ol {
    clear: both !important;
  }
}