درود

اون کلاس صرفا میگه عرض رو کامل و ارتفاع رو براساس ابعاد عکس ست کنه. برای اینکه کامل نشون داده بشه یا باید درون media مشابه با col ابعادش تعریف بشه (مثلا تو ابعاد کمتر از 700px بشه: width:50% ) یا div مادرش رو اصلاح کنید. مثلا خط 29 به این صورت تغییر پیدا کنه:

    class="col-xl-12 col-l-12 col-md-12 col-s-6 col-xs-6"

سلام الان هم (در خط 29) دیو مادر این کلاس‌های col را دارند اما درست عمل نمی‌کنه

در کدپن، برای سایزهای s و xs مقدار ۱۲ داده شده اما در کدی که کامنت قبل آوردم این مقادیر به ۶ تغییر داده شدند.

اینی که دقیقا باید col چند بگذارید بستگی به ابعاد حقیقی عکس تون داره و من برای مثال ۶ گذاشتم، شما براساس تصویرتون میتونید از ۲ و ۳ و ... استفاده کنید.