svg {
    background-image: url("../img/fondo-map.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.v-center {
display: table;
border: 2px solid gray;
height: 300px;
}

.content {
display: table-cell;
vertical-align: middle;
text-align: center;
}

.image-overlay {
position: absolute;
top: 0;
left: 1%;
width: 23%;
height: 100%;
background: rgba(0, 70, 140, 0.8);
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.25s;
backdrop-filter: blur(3px);
}

.image-overlay>* {
transform: translateY(20px);
transition: transform 0.25s;
}

.image-overlay:hover {
opacity: 1;
}

.image-description {
font-size: 1.25em;
margin-top: 0.25em;
}

.image-primaria {
position: absolute;
top: 0;
left: 26%;
width: 23%;
height: 100%;
background: rgba(0, 70, 140, 0.8);
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.25s;
backdrop-filter: blur(3px);
}

.image-primaria>* {
transform: translateY(20px);
transition: transform 0.25s;
}

.image-primaria:hover {
opacity: 1;
}

.image-description {
font-size: 1.25em;
margin-top: 0.25em;
}

.image-secundaria {
position: absolute;
top: 0;
left: 51%;
width: 23%;
height: 100%;
background: rgba(0, 70, 140, 0.8);
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.25s;
backdrop-filter: blur(3px);
}

.image-secundaria>* {
transform: translateY(20px);
transition: transform 0.25s;
}

.image-secundaria:hover {
opacity: 1;
}

.image-description {
font-size: 1.25em;
margin-top: 0.25em;
}

.image-multi {
position: absolute;
top: 0;
left: 76%;
width: 23%;
height: 100%;
background: rgba(0, 70, 140, 0.8);
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.25s;
backdrop-filter: blur(3px);
}

.image-multi>* {
transform: translateY(20px);
transition: transform 0.25s;
}

.image-multi:hover {
opacity: 1;
}

.image-description {
font-size: 1.25em;
margin-top: 0.25em;
}