Addressed review comments

Author: muhammad-ali-pk

templates/_macros/vf_tiered-list.jinja

@@ -66,7 +66,7 @@
           {{ image }}
         </div>
         {%- else -%}
-          <div class="col-start-large-5 col-9">
+          <div class="col-start-large-7">
             <div class="p-section--shallow">
               {{ image }}
             </div>

templates/docs/examples/patterns/tiered-list/with-default-width-image.html

@@ -1,7 +1,7 @@
 {% extends "_layouts/examples.html" %}
 {% from "_macros/vf_tiered-list.jinja" import vf_tiered_list %}
 
-{% block title %}Tiered list / 50/50 on desktop with description{% endblock %}
+{% block title %}Tiered list / 50/50 with default width image{% endblock %}
 
 {% block standalone_css %}patterns_all{% endblock %}
 
@@ -19,7 +19,7 @@ <h2>H2 - up to two lines; ideally one.</h2>
   {%- endif -%}
 
   {%- if slot == "image" -%}
-  <div class="p-image-container--3-2 is-cover">
+  <div class="p-image-container">
     {{ image(url="https://assets.ubuntu.com/v1/3f63a18c-data-center.png",
             alt="",
             width="2464",

templates/docs/examples/patterns/tiered-list/with-full-width-image.html

@@ -1,7 +1,7 @@
 {% extends "_layouts/examples.html" %}
 {% from "_macros/vf_tiered-list.jinja" import vf_tiered_list %}
 
-{% block title %}Tiered list / 50/50 on desktop with description{% endblock %}
+{% block title %}Tiered list / 50/50 with full width image{% endblock %}
 
 {% block standalone_css %}patterns_all{% endblock %}
 
@@ -19,7 +19,7 @@ <h2>H2 - up to two lines; ideally one.</h2>
   {%- endif -%}
 
   {%- if slot == "image" -%}
-  <div class="p-image-container--3-2 is-cover">
+  <div class="p-image-container--cinematic is-cover">
     {{ image(url="https://assets.ubuntu.com/v1/3f63a18c-data-center.png",
             alt="",
             width="2464",

templates/docs/patterns/tiered-list/index.md

@@ -96,7 +96,7 @@ View example of the tiered list pattern
 
 This variant contains a top-level description, and its title, description, and
 child list are presented full-width on desktop and tablet screen sizes
-respectively. Additionally, it also contains an image with a default width under the title and description.
+respectively. Additionally, this variant features a default width image positioned beneath the title and description.
 
 <div class="embedded-example"><a href="/docs/examples/patterns/tiered-list/with-default-width-image/" class="js-example" data-lang="jinja">
 View example of the tiered list pattern
@@ -106,7 +106,7 @@ View example of the tiered list pattern
 
 This variant contains a top-level description, and its title, description, and
 child list are presented full-width on desktop and tablet screen sizes
-respectively. Additionally, it also contains an image with full width under the title and description.
+respectively. Additionally, this variant features a full width image positioned beneath the title and description.
 
 <div class="embedded-example"><a href="/docs/examples/patterns/tiered-list/with-full-width-image/" class="js-example" data-lang="jinja">
 View example of the tiered list pattern