/* css styles */

/* Force scrollbar to always be present to prevent layout shift */
html {
    overflow-y: scroll;
}

/* Make profile images smaller in portrait mode on tablets */
@media (orientation: portrait) and (min-width: 768px) and (max-width: 1024px) {
    .about-image {
        width: 40% !important;
        max-width: 40% !important;
    }
}

/* Make profile images smaller in portrait mode on phones */
@media (orientation: portrait) and (max-width: 767px) {
    .about-image {
        width: 40% !important;
        max-width: 40% !important;
    }
}