Translate X, but no scroll wanted

Hi there,

for above HTML, css is:

.holidayclass {
	overflow-x: hidden;
}
.holidayclass .picture img {
	transform: translateX(100vw);	
}


h5 {
  transition: transform 0.5s;
}
.holidayclass h5 {
	transform: translateX(-100vw);
}


p {
  transition: transform 0.5s;
}
.holidayclass p {
	transform: translateX(-100vw);
}

The issue is article tag is still occupying the height, If I set that to display none, it damages animation, what could be the solution?

If there is difficulty in comprehension I will upload the code to the live server.

Live Link

I was trying to emulate this w/o seeing their CSS or JS.

A relevant JS discussion is going on here.

In bottom there are previous next button.