/* For the LECOM logo */
.container {
    display: flex;
    max-width: 1200px;
    align-items: center;
    justify-content: center;
}

.transparent-img {
    display: block;
    background: transparent; /* Ensures no background color is added */
    opacity: 1; /* Adjust to fade the image (0.0 - 1.0) */
    border: 2px solid black;
}

/* For the medical staff table */
  table {
    width: 100%;
    table-layout: fixed; /* Crucial for controlling cell widths */
  }
  td {
    max-width: 150px; /* Set desired max width */
    overflow: hidden; /* Ensures content doesn't break the layout */
    text-overflow: ellipsis; /* Adds '...' for long text */
    /* white-space: nowrap;  Prevents text from wrapping */
  }