@keyframes cir-scale {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); }
  80% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2); }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.1); } }
    
    @keyframes cir-scale2 {
      0% {
        opacity: 0;
        transform: scale(0.5); }
      60% {
        opacity: 1;
        transform: scale(1.2); }
      100% {
        opacity: 0;
        transform: scale(0.5); } }