/* Применение зернистости через градиент */
.custom-effect {
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
}

/* Серая зернистость через градиент */
.custom-effect::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(45deg, rgba(128, 128, 128, 0.1) 0, rgba(128, 128, 128, 0.1) 1px, transparent 1px, transparent 10px);
    opacity: 0.2; /* Настроить плотность зернистости */
    pointer-events: none;
}