by the way – if you have a multi-language installation this will offer an option to show on all languages or only show on lang1 , lang2 etc. – nice to have

do you realy mean a masonry gallery? What should be learned from an opened image? Or do you have custom links on the images?

Anyway – it will work on masonry too:

i tried this:
( and because all classes on buttons do have avia-… i switched ismaels class to : avia-masonry-learn-more )
to have this in a translatable “Learn more” phrase i put in that too

add_filter("avf_masonry_entry_content", function($content, $entry, $atts) {
  $content .= " <span class='avia-button avia-size-small avia-color-theme-color avia-masonry-learn-more'>". __( 'Learn more', 'avia_framework' ) . "</span>";
  return $content;
}, 10, 3);

.avia-masonry-learn-more { 
  opacity: 0;
  transition: all 0.8s;
}
.av-masonry-entry:hover .avia-masonry-learn-more {
  opacity: 1;
}

i don’t know why the wp_trim_words( ) does not work

if this is important for me to have a more responsive design on font-sizes – i use often the clamp method
see the heading on page: https://webers-testseite.de/heading-with-fluid-font-size/

one big disadvantage on that – you had to think of column-width – because the middle font-size definition is related to screen-width.
but a 1/2 column only got 50vw of total place … and after colaps it has that 100vw again.

So a perfect simple solution is not in sight. Customized solutions are then sought after. For headings that are positioned within a full-width container, one can take the min – max solution.
You can see here a nice font-size calculator to get this css definition:
https://websemantics.uk/tools/responsive-font-calculator/

first – please try my approach from above. When inserting the image, choose the right source right away, namely the Full Image.

________________
Now to your legitimate question (even if you always come out with the details only part by part).
On my test page, the full image is still displayed with your setting – even when i insert the smaller source image. But there I’m already testing a newer beta version of Enfold. I will now run the same test on a current Enfold version to see if it is the same there.
Edit same here with Enfold 4.9.2.3 the image isn’t cropped when choosing on styling tab : No scaling (…)
So there must be something with your installation – on both testing pages the non-cropped image is shown in backend.
allthough i’m seeing this in backend preview:

But please try the other method first if that helps to have the non-cropped version

PS: you link to the page was forced redirected – i could not see that page.

how do you place the text to your layout. Are you working with the advanced layout builder of enfold ?
in this case you open f.e. the column in which your text element is placed – and open the tab on top: Advanced – on that tab you have those input fields in the developer section for IDs or custom-classes – insert alluppercase to that custom-class field ( without dot )
Or directly to the text-block alb element itself.
If you want to change all texts in a color-section – go to that advance tab to insert the class.

If you completely want to change the whole Text in your installation then use it without that class:

.responsive #top #wrap_all  {
  text-transform: uppercase !important
}

because of the two ID’s within this rule and the Important setting, it will mostly prevail against existing css rules that state differently.

maybe this could help you:
https://kriesi.at/support/topic/how-to-add-associated-tags-to-each-blog-post-using-the-blog-post-widget/#post-1353460

the code provided is only – if you choose on that options page to show tags. If you like to have it anyway change the if clause

// from:
if('blog-meta-tag' == avia_get_option('blog-meta-tag') && $tags ){
// to:
if($tags ){

@HulaSlim : If something is fixed in height but needs to respond to decreasing widths, then there are only two options. Either the image is distorted or cropped, regardless of the original aspect ratio. That’s exactly what the full-width slider is for – to adjust the height according to the screen width. This is what the word responsive means.

But you thought of setting the custom-class as well? how it is named is up to you.
Otherwise i would need to see the page – if you could send me the link, I will look for a solution. Just keep in mind that I can not see the private content fields.

my question was if you have inserted that full size image to the image alb element.
That you have uploaded the non cropped image is clear to me.
I also sometimes select the image on the left, but do not pay attention to what was preselected in the selection on the right. Then one of the possibly recalculated other images is used as source.
That shown screenshot seems to be the 748×423 image:

i do not see your table but if there are headings on it – do not forget to style them too:

.custom-class table tbody tr td:nth-of-type(1),
.custom-class table thead tr th:nth-of-type(1) {
    width: 22% !important;
}
.custom-class table tbody tr td:nth-of-type(2),
.custom-class table thead tr th:nth-of-type(2) {
    width: 58% !important;
}
.custom-class table tbody tr td:nth-of-type(3),
.custom-class table thead tr th:nth-of-type(3) {
    width: 20% !important;
}

PS : there are no other elements in between – so nth-child( ) will do the job too !
And: on enfold demo page i see that the headings are sometimes in tbody ( not thead ) too – then it will be:
.custom-class table tbody tr th:nth-of-type(x)

And you realy pay attention that you have inserted a non cropped image in the image alb element?

the setting on default is:

.avia-tooltip .inner_tooltip {
  font-size: 0.925em;
  line-height: 1.65em;
}

you can create your own custom color set online here: https://wpadmincolors.com

the snippet comes to your child-theme functions.php
and the downloaded css file in your root directory of your child-theme ( where the style.css of your child-theme is located )

i do not know where your dropdown list ( from your screenshot ) can be seen. Is it a plugin you use for that ?

I do set up the admin color schemes on Users – Profile – go to your profile then and choose now the custom profile:

as for the migration tools: some of them work well – others do not. I don’t know this plugin – but sometimes it is necessary to do some rework.

So, for example, if you notice link problems, it is because the new domain has not been correctly exchanged everywhere. Especially with subdomain installations or installations in subfolders this can happen.
In these cases I check this – and then take plugins for this for convenience. f.e.: Search & Replace and link to Plugin: Link
here you can search the database for terms – without any changes first. So e.g. whether there is still the term: https://contracosta.cobaltsapphire in the database.

I prefer Duplicator – and even in the free (not pro) version it is a powerful tool. It creates two files – an installation file and a compressed data file ( zip by default – but later for very large installations it switches to its own file format : dup ). Both files are copied to the new server and the installation can be started. Only the new server data ( database etc. ) will be entered. I never had such problems with this.

Nevertheless – also this tool does not transfer the htaccess file ( by the way – never a theme file ) to the new server. It creates a standard htaccess file and saves the original one as htaccess.bak file. And this is smart, because just this file can contain very server specific settings, which may not be valid on the new server.

Some words to performance: png files are nice to have if needed, but they are absolutely not always necessary. All image files that do not rely on transparencies should at least be replaced by jpgs. If you look at this actually tiny file in comparison:

Uploading image files larger than 2560px is not necessary, as WordPress does not use them anyway. It converts such files to the 2560px and saves them as xyz-scaled.jpg. Now this is not a performance problem, but it inflates the storage space of the upload folder unnecessarily.

PS: the link on the org domain has an extreme TTFB value ( time to first byte) see gtmetrix: Link in comparison to : Link
This is concerning to server response time. You see on the waterfall chart ( link ) that the page itself does not load slow. it is that enormous time waste at the beginning.

But as said above – you can add it and then obfuscate it – to preserve the layout