.overlay-container .overlay-block {
    position: relative
}

.overlay-container .overlay-image {
    position: absolute;
    z-index: 10;
    pointer-events: none;
}

.overlay-container .overlay-image img {
    width: 100%; 
    height: 100%;
    object-fit: contain;
}


.overlay-container .overlay-image.derecha-arriba {
    width: 100%;
    top: 0%;
    right: 0%;
}

.overlay-container .overlay-image.derecha-centro {
    width: 100%;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
}

.overlay-container .overlay-image.derecha-abajo {
    width: 100%;
    bottom: 0%;
    right: 0%;
}

.overlay-container .overlay-image.centro-arriba {
    width: 100%;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
}


.overlay-container .overlay-image.centro-abajo {
    width: 100%;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
}

.overlay-container .overlay-image.izquierda-arriba {
    width: 100%;
    left: 0%;
    top: 0%;
}

.overlay-container .overlay-image.izquierda-centro {
    width: 100%;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
}

.overlay-container .overlay-image.izquierda-abajo {
    width: 100%;
    left: 0%;
    bottom: 0%;
}

.overlay-container .overlay-image.centro-centro {
    width: 100%; /*Correcion del tamaņo*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}