/* Page-local: hide split visuals on phones, shrink them on tablets. */

@media (max-width: 767.98px) {
  .mcp-split-visual {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .mcp-split-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mcp-split-visual .img {
    padding-top: 0 !important;
    margin-bottom: 1rem !important;
  }

  .mcp-split-visual img {
    max-height: 220px;
    width: auto;
    height: auto;
  }
}