.image-overlay-block {
    margin: 20px 0;
    color: #333;
}

.overlay-content {
    color: #333;
    max-width: 300px;
    text-align: center;
}

.overlay-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.overlay-top-left {
    top: 10%;
    left: 10%;
    transform: translate(0, 0);
}

.overlay-top-right {
    top: 10%;
    right: 10%;
    transform: translate(0, 0);
}

.overlay-bottom-left {
    bottom: 10%;
    left: 10%;
    transform: translate(0, 0);
}

.overlay-bottom-right {
    bottom: 10%;
    right: 10%;
    transform: translate(0, 0);
}