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

<!-- کانتینر اصلی با طراحی ریسپانسیو و سایه ملایم -->

<div style="margin: 15px auto; padding: 15px; direction: rtl; text-align: right;  

             background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px;  

         <div style="flex: 2 1 70%; min-width: 280px; padding: 5px;">

             <div style="font-size: 1em; line-height: 1.8; color: #2d3748;">

             </div>

         </div>

         <!-- بخش تصویر (در دسکتاپ عرض مشخص دارد و در موبایل وسط‌چین و متناسب می‌شود) -->

         <div style="flex: 1 1 30%; max-width: 300px; text-align: center; margin: 0 auto;">

     <div style="border-radius: 15px; overflow: hidden;">

     </div>

         </div>

          

     </div>

</div>