<div style={{
width: "250px",
height: "100%",
backgroundColor: "#E8F6EF",
border: "3px solid #1B9C85",
borderRadius: "8px",
color: "black",
paddingTop: "25px",
} }>
<div style={{
width: "100%",
height: "200px",
position: "relative",
} }
>
<Image
src="/image-placeholder.svg"
style={{
objectFit: "cover",
objectPosition: "center",
} }
alt="image-placeholder"
fill
/>
</div>
<div style={{
padding: 15,
display: "flex",
justifyContent: "center",
alignItems: "center",
flexDirection: "column",
gap: 10,
}}
>
<h2 style={{
fontSize: "30px",
fontWeight: 'bold',
wordBreak: "break-all"
}}>
Card Title
</h2>
<p style={{
fontSize: "20px",
wordBreak: "break-all"
}}>
Card Text
</p>
</div>
</div>