*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
margin:0;
overflow-x:hidden;
font-family:Arial, sans-serif;
}

/* Banner */

.banner{
width:100%;
height:100vh;
overflow:hidden;
}

/* Banner Image */

.banner img{
width:100%;
height:100%;
object-fit:fill;
display:block;

/* Animation */

animation:fadeBanner 1.5s ease-out;
transition:transform 6s ease-out;
}

/* Slow Zoom Effect */


/* Fade Animation */

@keyframes fadeBanner{

from{
opacity:0;
transform:scale(1.03);
}

to{
opacity:1;
transform:scale(1);
}

}
/* Image Section */

.image-section{

width:100%;
padding:60px 0;

display:flex;
flex-direction:column;
align-items:center;
gap:40px;

/* Light Grey Background */

background: smokewhite;

}

/* Image Box */

.image-box{

width:80%;
max-width:900px;

overflow:hidden;
border-radius:10px;

box-shadow:0 10px 25px rgba(0,0,0,0.2);

animation:fadeUp 1s ease forwards;

}

/* Image */

.image-box img{

width:100%;
display:block;

transition:transform 0.5s ease;

}

/* Hover Animation */

.image-box:hover img{

transform:scale(1.05);

}

/* Entry Animation */

@keyframes fadeUp{

from{
opacity:0;
transform:translateY(50px);
}

to{
opacity:1;
transform:translateY(0);
}

}