#geography-block {
    display: flex;
    position: relative;
    z-index: 1;
}

.geography-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; 
    margin-bottom: 70px;
}

.image-holder {
    width: 100%;
    max-width: 100%;
    margin: 0;
    transform: translateY(-50px); 
}

.image-holder img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.page-title {
    color: var(--stroke);
    position: relative;
    z-index: 2;
}

@media (max-width: 640px) {
   #geography-block .image-holder {
        transform: translateY(0px); 
   }
}

@media (max-width: 480px) {
    .geography-wrapper {
        margin-bottom: 40px;
    }
}