Show full directory path and edit folder name

To be honest, I don't get the question.  Nothing you posted is truncated.  You're simply using document relative link paths.  .. / .. / images / layout / filename . jpg

If you want absolute link paths, you'll need to add those manually.

https : // example . com / images / layout / filename . jpg

Your server's root directory is added to your Site Definition settings.  See screenshot.

without going into the purely architectural approach of the CSS used (why not use a single class adapted to each profile?)... but that's not the point... when I see CSS written that way, I can't help but offer to look into SASS,

plus with Dreamweaver, it's only one checkbox...

launch https://www.sassmeister.com/ and on the left side paste this

$bg: office_landing_atlantic office_landing office_landing_greens office_landing_charles office_landing_dusk;

@each $a in $bg {
$i: index($bg, $a);
.features.contacts article:nth-of-type(#{$i}).back-image {
background: url("../../images/layout/#{$a}.jpg") no-repeat;
}
}

and see what's up on the right side

Have a look at https://helpx.adobe.com/au/dreamweaver/using/linking-navigation.html