.simple-slider {
position: relative;
overflow: hidden;
width: 100%;
height: 100vh;
}

.slide {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
transition: opacity 1s ease-in-out;
}

.slide.active {
opacity: 1;
z-index: 1;
}

.slide-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: white;
padding: 1rem;
}

.slide h2 {
color: white;
font-weight: 1000;    
font-size: 4rem;
margin-bottom: 1rem;
}

.slide p {
font-size: 1.25rem;
margin-bottom: 2rem;
}

.slide a.btn {
background-color: #fff;
color: #333;
padding: 0.75rem 2rem;
text-decoration: none;
font-weight: bold;
border-radius: 4px;
}

@media (max-width: 768px) {
.slide h2 {
    font-size: 2rem;
}

.slide p {
    font-size: 1rem;
}
}