Slow Image Transition Loading

[pushkaraj007]

The image transition time ( image animation ) is a bit more , that's why the website appears to be blank when scrolling downwards .

Solution :-
In the style.css file, make the following changes:

--img-transition: 0.1s;
--img-hidden: hidden;
--img-scale: scale(1.1);
}

@media screen and (max-width: 767px) {
.nav__menu {
position: fixed;
background-color: var(--body-color);
top: 0;
right: -100%;
width: 70%;
height: 100%;
box-shadow: -1px 0 4px rgba(14, 55, 63, 0.15);
padding: 3rem;
transition: .2s;
}
}

Decreased the image transtion time from 0.3s to 0.1s & Media screen loading time from 0.4s to 0.2s.