popping images / text

<style>
#pop {
 -webkit-animation: pop 2s ease-in-out infinite alternate;
 animation: pop 2s ease-in-out infinite alternate;
 -moz-animation: pop 2s ease-in-out infinite alternate;
   	display: flex;
    justify-content: center;
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}

</style>

<div id="pop"> yeah hi </div>