.museum{background: #293033;margin-top: -1px}
.section__title-museum{
    padding-bottom: .4em;
}
.museum__wrapper {
    display: grid;
    grid-template-columns: 6.4em 1fr;
}
.museum__content{
    padding-top: 1.2em;
    top: 0;
}
.museum__text, .section__title-museum{
    padding-left: 1.8em;
    padding-right: .6em;
}
.museum__text{
    display: flex;
    align-items: center;
}
.museum__text  p, .museum__text  a{
    padding: 0;
    margin: 0;
    color: var(--color-white);
    font-size: .24em;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.museum__text strong{font-weight: 400;}
.museum__gallery {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: .6em;
    padding-bottom: .6em;
    background: #FFF;
}
.museum__gallery:last-of-type {padding-bottom: 0;}
.museum__gallery img{
    object-fit: cover;
    width: 100%;
}
@media (min-width: 650px) {
    .museum__wrapper{
        margin-top: -2.63em;
    }
    .section__title-museum {
        position: sticky;
        top: 0;
        width: fit-content;
        background: #293033;
        padding-right: 1.6em;
        padding-top: .9em;
        box-shadow: -0.16em 0.56em 0.36em 0.08em rgb(41 48 51);
        margin-bottom: .7em;
    }
}
@media (max-width: 1000px) {
    .museum__text{padding-left: 20px;}
    .museum__text p, .museum__text a{
        font-size: .34em;
    }
}
@media (max-width: 650px) {
    .museum__wrapper {
        grid-template-columns: 1fr;
        padding: 0 20px;
        row-gap: 20px;
    }
    .section__title-museum {
        padding-bottom: .4em;
        padding-top: 1.2em;
        padding-left: 20px;
    }
    .museum__content {padding-top: 1em;}
    .museum__text{padding: 0;}
    .museum__gallery{background: transparent; padding-bottom: 0}
    .museum__gallery img {
        width: 100%;
        height: auto;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain;
    }
}