﻿.content {
    max-width: 1200px;
    margin-inline: auto;
    padding: .5rem 1.5rem 4rem 1.5rem;
    position: relative;
    overflow-y: clip;
}
#intro {
    margin-block: auto;
    margin-bottom: 1.5rem;
    max-width: 70ch;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--blue);
    text-align: center;
}
#therapeutic-page img {
    width: 450px;
    height: 400px;
    max-width: 100%;
    border-radius: 20px;
    object-fit: cover;
}
img.blue{
    border: 5px solid var(--blue);
}
h3 {
    font-weight: 600;
    color: var(--orange);
}
li {
    font-size: 1.2rem;
}

.image-left,
.image-right {
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

#therapeutic-page #cells-img {
    width: 550px;
}

@media(max-width: 900px){
    .image-left {
        flex-direction: column;
    }
    .image-right {
        flex-direction: column-reverse;
    }
    #therapeutic-page img{
        height: unset;
        aspect-ratio: 1/1
    }
}