.galery{ display: flex; flex-wrap: wrap; margin: 0 -5px; padding-top: 20px}
.galery >*{flex-basis: calc(50% - 10px); margin: 5px }
.galery .image{ display: block; height: 120px; overflow: hidden; border-radius: 10px }
.galery .image img{ display: block; height: 100%; width: 100%; object-fit: cover; }

.object-map{ height: 300px; background: var(--color5); border: 1px solid var(--color3); border-radius: 10px; overflow: hidden; box-sizing: border-box }

h1 span{ display: block; font-size: 14px; color: var(--color2); font-weight: 600}

@media only screen and (min-width: 480px) {
    .galery .image{ display: block; height: 140px;}

}

@media only screen and (min-width: 600px) {
    .galery{ margin: 0 -10px}
    .galery >*{flex-basis: calc(33.33% - 20px); margin: 10px }

}


@media only screen and (min-width: 768px) {

    .galery .image{ display: block; height: 160px;}
}

@media only screen and (min-width: 600px) {
    .galery >*{flex-basis: calc(25% - 20px);  }


}