lazy load images

Author: kkartunov

src/shared/components/Contentful/Image/Image.jsx

@@ -114,6 +114,7 @@ export class ImageInner extends React.Component {
                 data-aos-mirror={animation.animateOnScrollMirror}
                 data-aos-anchor-placement={animation.animateOnScrollAnchor}
                 data-aos-offset={animation.animateOnScrollOffset}
+                loading="lazy"
               />
             </picture>
           ) : (
@@ -125,6 +126,7 @@ export class ImageInner extends React.Component {
                 src={imageSources.sourcePolyfill ? imageSources.sourcePolyfill.file.url : imageSources.source.file.url}
                 alt={image.alt || image.name}
                 style={imgStyle}
+                loading="lazy"
               />
             </picture>
           )

src/shared/components/Contentful/Tabs/themes/vertical.scss

@@ -53,6 +53,7 @@ li.tab {
     padding-right: 20px;
     border-bottom: 5px solid $gray-border-color;
     min-width: auto !important;
+    white-space: nowrap;
 
     &:first-child {
       padding-left: 7px;