#plotContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}


/* Each plot takes ~half the width */
#plotContainer > div {
  width: 45vw;           /* adjust as needed */
  height: 40vh;          /* adjust height */
}

/* #FilterPlot, #CovPlot, #InnPlot, #KalmPlot {
  width: 33vw;
  height: 60vh;
} */


@media (max-width: 900px) {
  #plotContainer {
    flex-direction: column; /* stack plots vertically */
    align-items: center;
  }
  #plotContainer > div {
    width: 90vw;             /* almost full width on mobile */
    height: 50vh;            /* taller plots for readability */
  }
}

/* @media (max-width: 900px) {
  #plotContainer {
    flex-direction: column;
  }
} */