@media only screen and (min-width: 768px) {
    #preloader-svg-container {
        transform: scale(2);
    }
}

.flashing {
    animation: flash 1s infinite alternate-reverse 2s,
        scaling-animation 1.5s ease 0s 1 forwards,
        last-scale 0.5s ease 2s 1 forwards;
    transform-origin: 49% 47%;
    transform: scale(2);
    border: #000000;
}

@keyframes last-scale {
    100% {
        transform: scale(2);
    }
}

.fade-in {
    animation:
        /* fade-in-animation 0.3s ease-in-out 0.5s 3 alternate-reverse, */
        fade-in-animation 0.6s ease-in-out 1s 1 forwards;
    fill-opacity: 0;
}

@keyframes fade-in-animation {
    0% {
        fill-opacity: 0.5;
        fill: #fada3a;
    }

    100% {
        fill-opacity: 1;
        fill: #000000;
    }
}

@keyframes scaling-animation {
    0% {
        transform: scale(2);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(2);
    }
}

@keyframes flash {
    0% {
        fill: #ffe14c;
        /* Light yellow */
    }

    100% {
        fill: #ffd500;
        /* Light yellow */
    }
}