.callout {
      position: fixed;
      bottom: 35px;
      right: 20px;
      margin-left: 0px;
      max-width: 400px;
    }
}

 <div class="callout" >
        <div class="callout-header">ALERTA</div>

        <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
        <div class="callout-container">
        <p>Hoy hubo problemas en el río y el canal estuvo cerrado algunas horas</p>
        </div>
        </div>



<div class="callout" style="align-items: center;justify-content: center;display: flex;">
            <div class="callout-header">
                ALERTA
            </div>
            <div class="callout-container">
                <p>Hoy hubo problemas en el río y el canal estuvo cerrado algunas horas durante su turno.</p>

            </div>
            <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
        </div>

<div class="callout2" style="align-items: center;justify-content: center;display: flex;">
            <div class="callout-header2">
                LE HA TOCADO FISCALIZACIÓN
            </div>
            <div class="callout-container2">
                {{if player.multa > 0}}
                Por extraer agua más de 12 horas se le ha cobrado una multa de {{player.multa|to0}}
                {{else}}
                Como ha respetado sus horas de turno no se le ha aplicado multa
                {{endif}}
            </div>
            <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
        </div>


<div>
                <strong>LE HA TOCADO FISCALIZACIÓN</strong>
            </div>
            <div>
            {{if player.multa > 0}}
                Por extraer agua más de 12 horas se le ha cobrado una multa de {{player.multa|to0}}
            {{else}}
                Como ha respetado sus horas de turno no se le ha aplicado multa
            {{endif}}
            </div>