it would be better to see your live-page

i have my entries for that in the invisible .htaccess file (in the root directory of the installation)
for older server is gzip and newer ones mod_deflate:

# Gzip
<IfModule mod_mime.c>
    AddType application/javascript          js
    AddType application/vnd.ms-fontobject   eot
    AddType application/x-font-ttf          ttf ttc
    AddType font/opentype                   otf
    AddType application/x-font-woff         woff
    AddType application/x-woff              woff
    AddType image/svg+xml                   svg svgz 
    AddEncoding gzip                        svgz
</Ifmodule>

# Deflate by FileType
<IfModule mod_deflate.c>
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/xml
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE text/javascript
 AddOutputFilterByType DEFLATE image/svg+xml
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE application/xhtml+xml
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/atom_xml
 AddOutputFilterByType DEFLATE application/x-woff
 AddOutputFilterByType DEFLATE application/x-font-ttf
 AddOutputFilterByType DEFLATE application/x-font-woff
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/x-shockwave-flash
</IfModule>

if you like to have it narrower ( text-block element )let all options as before – and take a 1/3 1/3 1/3 Column layout.
1/3 is less than 2/5 ;)
and it is on default centered to the Rest of the Content . If that is not enough:
Goto that middle 1/3 column and edit that column on Layout Tab – enter some padding left/right.

If you want it more perfect : give that middle Column a custom-class and do it via quick css with media query:

@media only screen and (min-width: 767px) {
  .flex_column.custom-class {
    padding: 0 50px !important
  }
}

if you like to have it wider ( text-block element)
1/5 3/5 1/5

but if content is less ( short sentences ) they will not fill the container place !

that page is not online now – otherwise i will have a look to that.
Maybe you take a 1/1 container and do it only with quick css via custom class as above shown.

On Enfold – General Layout there is the option to choose “stretched Layout” or “boxed Layout” or “Fixed Frame”
Even if you choose “Stretched Layout” the Content of the page is on default narrower as the whole screen-width. But if you goto that tab Dimensions you see “Maximum Container width” – you can insert there relative Values too : like 100%

But for reasons of proportion, I would advise against generally setting it that way. Text blocks that are too long and then only have two lines simply don’t look good. You can set a user-defined class where it fits, and then just do that for a certain container.

well you see the image on top ( click to enlarge) – get rid of your background-image on the first column and drag&drop to that column an image alb ( this is in Media Elements )

for the icon-grid is the same thing here:
you replace the before content.
Give a custom class to your icon-grid. ( here on my example code it is: your-custom-class )
to address the different icons you can do that by nth-child option ( here it is the first icon of the icon-grid ):

.avia-icongrid.your-custom-class li:nth-child(1) .icongrid-char:before {
  content: "";
  background-image: url(path-to-your-image);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 50px;
  height: 50px;
  display: inline-block;
  position: relative;
  border-radius: 50%;
}

The images are only not seen – they are still in the page.
My question is a bit different : why do you use the background-image option on that?
Your 1/4th column got no content! that is the reason why it is gone when it changes to full-width on responsive case.
So you had to use the images as Content!
See here two possiblities ( there are alot more ) :
click to enlarge

the first – uses two columns – but on the left one is an image ALB (advanced layout builder Element)

or you place a 1/1 Container and insert your media inside the text as floating image on the left. Then you only had to make some css to have more padding arround the image.

see example page: https://webers-testseite.de/guenni/
see different behaviour on small screens.

Nevertheless – it is a strange behaviour. Today i downloaded again a complete Enfold and it has again a different zip name!

This is not really a mistake. The Advanced Layerslider as a bonus to the theme is not to be found within the plugins. The update notification is correct, but since this is only a bundle and not the standalone plugin, the integrated version always lags a bit behind the current version.

If you can not live with the update notification you can hamper its function on that “Plugin”- put this to child-theme functions.php:

//Remove layerslider update nag
function remove_ls_update_notification($value) {
	if($value) {
		unset($value->response['https://YOUR-DOMAIN/wp-content/themes/enfold/config-layerslider/LayerSlider/layerslider.php'] );
		return $value;
	}
}
add_filter('pre_site_transient_update_plugins', 'remove_ls_update_notification');

complete the absolute path by “your-domain”

don’t panic – is it so bad that a wonderful plugin which is packed on top of the theme is lagging a bit behind with the updates?

Just let that liitle Warning as it is : With Enfold 4.6 you are on : “You have version 6.8.1 installed”

;) https://youtu.be/izDzsFe1o4I
A little more coolness – ok it is a littel red light now

Edit: if you want to get rid only of that littel red One on the dashboard you can put this to child-theme functions.php:

//Remove layerslider update nag
function remove_ls_update_notification($value) {
	if($value) {
		unset($value->response['https://YOUR-DOMAIN/wp-content/themes/enfold/config-layerslider/LayerSlider/layerslider.php'] );
		return $value;
	}
}
add_filter('pre_site_transient_update_plugins', 'remove_ls_update_notification');

change that rule to:
i changed the background-color to that – because your other boxes got that color:

.referencer .entry-content-wrapper {
	border: 1px solid #333;
	background-color: #eef5ff;
	padding: 30px;
	padding-right: 30px;
}

i’m not shure – does it overwrite even all pages/posts?
On your warning : Importing the dummy data will overwrite your current Theme Option settings. Proceed anyways?
there is only mentioned that the settings will be lost.

By the way – this is the reason why i hide these Options for Customer Installations.! by :

function hide_theme_options() {
echo '<style>
    #avia_options_page .goto_demo, 
    #avia_options_page #avia_demo  {
      display: none !important;
    }
</style>';
}
add_action('admin_head', 'hide_theme_options');

If you have allready a lot of images uploaded – there are (temporary) Plugin like Force Regenerate Thumbnails after you have done all that above.

in Addition to that i do have another entry for child-theme functions.php:

function av_return_100(){ return 65; }
add_filter('jpeg_quality', 'av_return_100');
add_filter('wp_editor_set_quality', 'av_return_100'); 

the uploaded images are decompressed – cropped – and then saved as uncompressed files on default – this code does induce that a compression is done.
If you look to your uploads folder – you will see that some of the 1500px x 630px images – Enfold generates – are bigger (sometimes much bigger) than the orignal image uploades ( with 2000px and more)