.galeria{
    display: flex;
    height: 38rem;
    gap: 1rem;
    background-color:#2e3131 ;
    padding-top: 2%;
    padding-bottom: 2%;

}
.galeria > div{
    flex: 1;
    border-radius: 0.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transition: all .9s cubic-bezier(.25, .4, .45, 1.4);
    box-shadow: #000;

}
.galeria > div:hover {
    flex: 5;
}

.galeria > div {
    flex: 1;
    ...
}

.galeria > div.active {
    flex: 5;
}

@media (min-width: 501px) and (max-width: 890px) {

    .desapaerecido-1{
        display: none;
}


.galeria{
  display: flex;
  height: 49rem;
  gap: 1rem;
  background-color:#2e3131 ;
  padding-top: 2%;
  padding-bottom: 2%;

}

}


@media (min-width: 1px) and (max-width: 500px) {

      .desapaerecido{
        display: none;
}

.galeria{
    display: flex;
    height: 49rem;
    gap: 1rem;
    background-color:#2e3131 ;
    padding-top: 2%;
    padding-bottom: 2%;

}

}