<template>
<section class="mt-16 hidden lg:w-[19rem] xl:w-[26rem] 2xl:w-[32rem] overflow-y-auto lg:block pr-5 2xl:pr-28">
    <div class=" bg-indigo-200 shadow-classic rounded-md p-5">
        <span class="block text-white font-medium">Лидеры</span>
        <div class="mt-5 space-y-5">
            <div class="flex items-center">
                <div class="flex-shrink-0 mr-2 md:mr-4">
                    <div class="w-10 h-10 md:w-14 md:h-14 rounded-full bg-cover bg-center" style="background-image: url('/image/card1.jpg');"></div>
                </div>
                <div class="flex flex-col">
                    <a href="#" class="hover:underline text-sm md:text-base block  text-white">Андрей Гаврилов</a>
                    <span class="text-xs text-gray-light">Фотограф, музыкант</span>
                </div>
            </div>
            <div class="flex items-center">
                <div class="flex-shrink-0 mr-2 md:mr-4">
                    <div class="w-10 h-10 md:w-14 md:h-14 rounded-full bg-cover bg-center" style="background-image: url('/image/card3.jpg');"></div>
                </div>
                <div class="flex flex-col">
                    <a href="#" class="hover:underline text-sm md:text-base block  text-white">Владислав Сергеев</a>
                    <span class="text-xs text-gray-light">Дизайнер</span>
                </div>
            </div>
        </div>
    </div>
</section>
</template>
