HTML:
VIP Fan Portal
Exclusive Vault & Live VIP Sessions
Direct access, custom content drops & private 1-on-1 bookings.
Exclusive Content
View All →
Next Available Sessions
Book Now
Tomorrow · 8:00 PM EST
Friday · 9:30 PM EST
CSS:
/* Hero background with Miami night visual */
.hero-wrapper {
position: relative;
padding: 60px 20px 40px 20px;
min-height: 80vh; /* Ensures tall view on desktop */
display: flex;
align-items: center;
background-image:
linear-gradient(180deg, rgba(9, 11, 20, 0.35) 0%, rgba(9, 11, 20, 0.85) 75%, #090b14 100%),
url(“https://bonitacontent.com/wp-content/uploads/2026/09/IMG_5440.jpg”);
background-size: cover;
background-position: center 20%; /* Centers the neon hotel lights */
background-repeat: no-repeat;
}
/* Position cutout cleanly on the right side on desktop */
.hero-bg-img {
position: absolute;
right: 5%;
bottom: 0;
top: auto;
height: 90%;
width: auto;
max-width: 480px;
object-fit: contain;
object-position: bottom right;
z-index: 1;
filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.7));
}
/* Keep text above the image background */
.hero-container {
position: relative;
z-index: 3;
max-width: 600px;
margin-right: auto;
margin-left: 0;
}