/* Ensure the banner image retains its size even without text */
.s-page-header .page-banner {
min-height: 60vh; /* Adjust the height as needed */
}
.s-page-header .page-banner-content {
display: flex;
align-items: center;
justify-content: center;
min-height: 60vh; /* Match the height of the banner */
}
.s-page-header .page-banner-inner {
display: block;
height: 100%; /* Ensures the image fills the banner space */
}
/* Adjust for different screen sizes */
@media (max-width: 768px) {
.s-page-header .page-banner {
min-height: 40vh; /* Reduce height for smaller screens */
}
}
