
             class="h-48 w-full object-cover transition-transform duration-600 hover:scale-110 border-b border-gray-200 dark:border-gray-700 filter brightness-95 hover:brightness-100"
             onerror="this.src='{% static 'images/placeholder.jpg' %}'"
             loading="lazy" />
        <div class="p-6 flex-1 flex flex-col">
          <div class="flex justify-between items-start mb-5">
            <h3 class="text-xl font-semibold text-gray-800 dark:text-white">Get a Grade</h3>
            <span clas