.card { background-color: #131313; border-radius: 34px; width: 359px; height: 237px; overflow: hidden; } .header-row { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(1, 1fr); grid-gap: 40px; padding: 10px; margin-left: -100px; } .card-img-top { min-width: 120%; min-height: 120%; } .card-img { border-radius: 16px; } lottie-player { margin: 0 auto; } .modal-content { background-color: #212529; color: white; } .shimmer { display: inline-block; color: grey; -webkit-mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/370% 100%; background-repeat: no-repeat; animation: shimmer 2.5s infinite; filter: blur(50px) } @keyframes shimmer { 100% {-webkit-mask-position: left} } #show-more { background-color: #212529; color: white; border: none; border-radius: 16px; padding: 10px; margin: 10px; } .modal-body p { font-family: 'Roboto', sans-serif; margin-top: 16px; } .navbar { position: -webkit-sticky; position: sticky; z-index: 100; top: 0; }