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.