/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
.background-image {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 200px; /* Or your desired height */
}

/* Define the Zapfino font using @font-face */
@font-face {
    font-family: 'Zapfino'; /* This is the name you'll use in your CSS */
    src: url('Zapfino.ttf') format('truetype'); /* Path to your TTF file */
    font-weight: normal; /* Adjust if you have different weights */
    font-style: normal;  /* Adjust if you have italic styles */
}

/* Apply the Zapfino font to your h3 element */
.slide-animated.two {
    font-family: 'Zapfino', cursive, serif; /* 'cursive' and 'serif' are fallbacks */
    font-size: 2.0em; /* Example styling */
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.2); /* Example styling */
}