.shine-wrapper {
  display:grid;
}
.shine {
          display: block;
            width: 100%; 
            height: 30px; 
            margin-top: 15px;
            background: #f6f7f8;
            background-image: linear-gradient(
                90deg, 
                #f6f7f8 0%, 
                #f6f7f8 40%, 
                #edeef1 50%, 
                #e5e5e5 60%, 
                #e6e6e6 100%
            );
            background-size: 200% 100%;
            background-repeat: no-repeat;
            position: relative; 
            animation: placeholderShimmer 1.5s infinite linear;
            border-radius:4px;
  
  }
  .shine.title {
            background: transparent;
            background-image: linear-gradient(
                90deg, 
                transparent 0%, 
                transparent 30%, 
                #f6f7f8 50%, 
                transparent 70%, 
                transparent 100%
            );
            background-size: 200% 100%;
            width: 300px;
            max-width: 100%;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -18px);
            animation-duration: 2s;
            border-radius:0;
        }

        @keyframes placeholderShimmer {
            0% {
                background-position: 200% 0;
            }
            100% {
                background-position: -200% 0;
            }
        }