.temp-container {
    position: relative;
    text-align: center;
}

.temp-image {
    width: 100%;
    height: auto;
    display: block;
}

.temp-text-container {
    
    /* Posiciona el texto debajo de la imagen en móvil */
    margin-top: 1rem;
    /* Espacio entre la imagen y el texto */
    padding: 1rem;
    background-color: rgba(36, 58, 121, 0.75);
    color: white;
}

.temp-title,
.temp-subtitle {
    margin: 0;
    color: white;
}

.temp-title {
    font-size: 1.5rem;
}

.temp-subtitle {
    font-size: 1rem;
}

/* Media query para tabletas y escritorio */
@media (min-width: 768px) {
    .temp-text-container {
        display: block;
        position: absolute;
        bottom: calc(12.5% - 1rem);
        left: 50%;
        transform: translateX(-50%);
        background-color: rgba(36, 58, 121, 0.75);
        width: calc(90% - 6rem);
        padding: 1rem 3rem;
        border-radius: 3rem;
    }

    .temp-title {
        font-size: 2rem;
    }

    .temp-subtitle {
        font-size: 1.2rem;
    }
}