r|divisibleby:2 %}md:ml-[50%] pl-8{% else %}md:mr-[50%] md:pr-8 md:text-right{% endif %}">
                                    <div class="bg-gray-50 dark:bg-gray-800 p-6 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300">
                                        <span class="inline-block px-3 py-1 bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded-full text-sm font-medium mb-3">{{ milestone.year }}</span>
                                        <h3 class="text-xl font-se