<style>
body, html {
margin: 0;
padding: 0;
overflow: hidden;
}

.intro-container {
display: flex;
height: 100vh;
width: 100vw;
}

.intro-half {
width: 50%;
height: 100%;
background-size: cover;
background-position: center;
}

.left {
background-image: url(‘/wp-content/uploads/2025/06/imagen1.jpg’); /* Ruta real */
}

.right {
background-image: url(‘/wp-content/uploads/2025/06/imagen2.jpg’); /* Ruta real */
}
</style>

<div class=»intro-container»>
<div class=»intro-half left»></div>
<div class=»intro-half right»></div>
</div>