@media (min-width: 300px) {
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
}

.ql-container {
    font-size: 16px;
    border: 0px solid lightgray !important;   
}

.ql-container.edit {
    border: 1px solid lightgray !important;
    min-height: 300px;
}

.imageSwitch-wrapper {
    display: flex;
    justify-content: center;
}

.centered-images {
    width: 100% !important;
    max-width: 1000px;
    height: auto !important;
    object-fit: contain;
    position: relative;
    aspect-ratio: 4 / 3; /* optional: preserves aspect ratio */
    overflow: hidden;
    overflow: visible;
}

.centered-images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    max-width: 1000px;
    overflow: visible;
}