[Nexus]

Как-то так:

<img class="blink-image brevno"  src="pictures/brevno.gif">
<img class="blink-image brevno2"  src="pictures/brevno.gif">
<img class="blink-image brevno3"  src="pictures/brevno.gif">
<img class="blink-image brevno4"  src="pictures/brevno.gif">

<script>
document.querySelectorAll('.blink-image').forEach((image, index) => {
    setTimeout(() => image.style.display = "block", (index * 1000) + 3000);
    setTimeout(() => image.style.display = "none", (index * 1000) + 10000);
});
</script>