 border border-gray-200 dark:border-gray-700 animate-fade-in opacity-0"
           style="animation-delay: 0.4s;
                  animation-fill-mode: forwards"
           role="listitem">
        <div class="absolute top-0 right-0 bg-blue-500 text-white text-xs font-bold px-3 py-1 rounded-bl-lg z-10 animate-pulse-slow"
             role="status"
             aria-label="New feature">NEW</div>
        <img src="{% static 'images/features/grade_feature.jpg' %}"
             alt="Get a Grade feature preview"