الگو:کانتینر 4 کادر/امامی: تفاوت میان نسخه‌ها

         /* بخش تصویر دوره */

             width: 100%;

             aspect-ratio: 4 / 3; /* حفظ تناسب تصویر */

             overflow: hidden;

             border-radius: 10px;

     <article class="card">

         <div class="card-image-wrapper">

         </div>

         <h3 class="card-title">سرویس دوره‌ای کولر گازی برای عملکرد بهتر</h3>

         <!-- کارت اول -->

         <article class="card">

             </div>

             <h3 class="card-title">خرید کولر گازی مناسب برای خانه و محل کار</h3>

         <!-- کارت دوم -->

         <article class="card">

             </div>

             <h3 class="card-title">فروش انواع کولر گازی و اسپلیت با مشاوره تخصصی</h3>

         <!-- کارت سوم -->

         <article class="card">

             </div>

             <h3 class="card-title">اسپلیت سفارشی متناسب با نیاز و فضای شما</h3>

         <!-- کارت چهارم -->

         <article class="card">

             </div>

             <h3 class="card-title">انتخاب ظرفیت و مدل مناسب با مشاوره کارشناسی</h3>

         <!-- کارت اول -->

         <article class="card">

                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-19.png" alt="انواع اسپلیت">

             </div>

         <!-- کارت دوم -->

         <article class="card">

                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-20.png" alt="اسپلیت سفارشی">

             </div>

         <!-- کارت سوم -->

         <article class="card">

                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-25.png" alt="نصب و تعمیر اسپلیت">

             </div>

         <!-- کارت چهارم -->

         <article class="card">

                 <img src="https://dl.faraghaib.ir/m/260022-01/260022-01-26.png" alt="خدمات کولر گازی نوین سرما گستر">

             </div>