.image-container {
    position: relative;
}

.image-text {
    position: absolute;
    color: white;
    font-weight: bold;
    padding: 10px;
    font-size: 1rem;
}

/* Text on right side (center vertically) */
.image-container.right-text .image-text {
    right: 0px;

    width: 50%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

/* Text at bottom center */
.image-container.bottom-text .image-text {
    bottom: 0px;
    /* left: 2%; */
    /* transform: translateX(-50%); */
    text-align: center;
    width: 100%;
}

.image-container img {
    /* width: 300px;
    height: 190px; */
    width: 100%;
    height: 200px;
}

.image-text span {
    font-weight: 300;
}

.dotcomtext {
    font-weight: 500 !important;
}

.inner-image-text {
    position: absolute;
    color: white;
    font-weight: bold;
    padding: 10px;
    font-size: 1rem;
}

.inner-image-container.inner-right-text .inner-image-text {
    right: 0px;
    width: 50%;
    top: 25%;
    transform: translateY(-50%);
    text-align: center;
}