1.card {
2  width: 190px;
3  height: 254px;
4  background: #07182E;
5  position: relative;
6  display: flex;
7  place-content: center;
8  place-items: center;
9  overflow: hidden;
10  border-radius: 20px;
11}
12
13.card h2 {
14  z-index: 1;
15  color: white;
16  font-size: 2em;
17}
18
19.card::before {
20  content: '';
21  position: absolute;
22  width: 100px;
23  background-image: linear-gradient(180deg, rgb(0, 183, 255), rgb(255, 48, 255));
24  height: 130%;
25  animation: rotBGimg 3s linear infinite;
26  transition: all 0.2s linear;
27}
28
29@keyframes rotBGimg {
30  from {
31    transform: rotate(0deg);
32  }
33
34  to {
35    transform: rotate(360deg);
36  }
37}
38
39.card::after {
40  content: '';
41  position: absolute;
42  background: #07182E;
43  ;
44  inset: 5px;
45  border-radius: 15px;
46}  
47/* .card:hover:before {
48  background-image: linear-gradient(180deg, rgb(81, 255, 0), purple);
49  animation: rotBGimg 3.5s linear infinite;
50} */
51
52