@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

.alert-fixed {
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1050;
    width: auto;
    min-width: 350px;
    max-width: 600px;
    transition: opacity 0.25s ease-in-out;

    animation: blink 1s;
    animation-iteration-count: 2;
    animation-fill-mode: forwards;

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media (max-width: 768px) {
    .alert-fixed {
        left: 2px;
        transform: none;
        width: auto;
        min-width: unset;
        max-width: unset;
    }
}