test url

_posts/2024-10-01-vietnam.markdown

@@ -55,16 +55,24 @@ That evening, we strolled along the Han River, taking in the beautiful views and
 
 Our fourth day was dedicated to the enchanting Ba Na Hills, a stunning destination known for its breathtaking views. We kicked off the day by taking a scenic cable car ride to reach Ba Na Hills. The ride was about 20 minutes long, offering mesmerizing panoramic views of the lush greenery and distant mountains that left us in awe!
 
-![Cable Car Journey](img/international-diaries/vietnam/bana-hills-cable-car.jpg)
+<picture>
+      <source media="(min-width: 480px)" srcset="{{ site.baseurl }}/assets/resized/480/bana-hills-cable-car.jpg" />
+      <source media="(min-width: 800px)" srcset="{{ site.baseurl }}/assets/resized/800/bana-hills-cable-car.jpg" />
+      <source media="(min-width: 1400px)" srcset="{{ site.baseurl }}/assets/resized/1400/bana-hills-cable-car.jpg" />
+  <img src="{{ site.baseurl }}/img/international-diaries/vietnam/bana-hills-cable-car.jpg" alt="Cable Car Journey" class="center" />
+</picture>
 
 {:.image-caption}
 *Bana Hills Cable Car*
 
 Once we arrived, our first stop was the famed Golden Bridge. This stunning structure, held up by giant stone hands, provided us with incredible views of the surrounding mountains and valleys. We captured countless photos, feeling like we were in a fairytale as we soaked in the beauty around us!
 
-![Golden Bridge](img/international-diaries/vietnam/bana-hills-bridge.jpg)
-
-{% responsive_image path: "img/international-diaries/vietnam/bana-hills-bridge.jpg" %}
+<picture>
+      <source media="(min-width: 480px)" srcset="{{ site.baseurl }}/assets/resized/480/bana-hills-bridge.jpg" />
+      <source media="(min-width: 800px)" srcset="{{ site.baseurl }}/assets/resized/800/bana-hills-bridge.jpg" />
+      <source media="(min-width: 1400px)" srcset="{{ site.baseurl }}/assets/resized/1400/bana-hills-bridge.jpg" />
+  <img src="{{ site.baseurl }}/img/international-diaries/vietnam/bana-hills-bridge.jpg" alt="Golden Bridge" class="center" />
+</picture>
 
 {:.image-caption}
 *Golden Bridge*