<template>
    <div class="w-full lg:h-60 px-5 lg:px-10 py-5 bg-[url('/img/section_tertiary_card_bg.png')] bg-cover border border-[#E3FA6D80] rounded-[10px] flex flex-col gap-3">
        <NuxtImg src="/img/logo_2.png" width="160" />
        <h3 class="text-xl md:text-2xl lg:text-[27px] font-bold text-gradient">
            {{ title }}
        </h3>
        <p class="text-base mt:text-lg lg:text-[22px] text-white max-w-[352px] leading-6.5">
            {{ description }}
        </p>
    </div>
</template>

<script setup lang="ts">
defineProps<{
    title: string;
    description: string;
}>();
</script>