.monmotclicable-container {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    display: block;
    max-width: none;
}


.monmotclicable-container img {
    width: 100%;
    height: auto;
    display: block;
}


.monmotclicable-text {
    position: absolute;
    padding: 10px 15px;
    font-size: 1.2em;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
    animation: fadeIn 1s ease-in-out forwards;
    text-decoration: none;
}

.monmotclicable-text:hover {
    transform: scale(1.1);
}

.mc-top-left { top: 10px; left: 10px; }
.mc-top-right { top: 10px; right: 10px; }
.mc-center { top: 50%; left: 50%; transform: translate(-50%, -50%); }
.mc-bottom-left { bottom: 10px; left: 10px; }
.mc-bottom-right { bottom: 10px; right: 10px; }

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.9); }
    to { opacity: 1; transform: scale(1); }
}
