محمد بن زايد يحضر أفراح الكمدة والبواردي

.articleBodySingleMedia {
max-width: 70%; /* ← CHANGE THIS to resize single body images */
margin: 8px auto;
display: block;
}
.articleBodySingleMedia img {
width: 100%;
height: auto !important;
object-fit: initial !important;
display: block;
border-radius: 6px;
}
.articleBodySingleMedia picture {
display: block;
}
.articleBodySingleMedia picture img {
width: 100%;
height: auto !important;
object-fit: initial !important;
display: block;
border-radius: 6px;
}
.articleBodyMediaGrid {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 8px auto;
max-width: 600px;
align-items: flex-start;
}
.articleBodyMediaGrid .media-item {
flex: 1 1 0;
min-width: 0;
max-width: 100%;
}
.articleBodyMediaGrid .media-item img {
width: 100%;
height: 450px; /* ← CHANGE THIS to adjust multi-image height */
object-fit: contain;
background: transparent;
display: block;
border-radius: 6px;
}
.articleBodyMediaGrid .media-caption,
.articleBodySingleMedia .media-caption {
text-align: center;
font-size: 12px;
color: #666;
padding: 4px 0;
}

.articleBodySingleMedia {
max-width: 70%; /* ← CHANGE THIS to resize single body images */
margin: 8px auto;
display: block;
}
.articleBodySingleMedia img {
width: 100%;
height: auto !important;
object-fit: initial !important;
display: block;
border-radius: 6px;
}
.articleBodySingleMedia picture {
display: block;
}
.articleBodySingleMedia picture img {
width: 100%;
height: auto !important;
object-fit: initial !important;
display: block;
border-radius: 6px;
}
.articleBodyMediaGrid {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 8px auto;
max-width: 600px;
align-items: flex-start;
}
.articleBodyMediaGrid .media-item {
flex: 1 1 0;
min-width: 0;
max-width: 100%;
}
.articleBodyMediaGrid .media-item img {
width: 100%;
height: 450px; /* ← CHANGE THIS to adjust multi-image height */
object-fit: contain;
background: transparent;
display: block;
border-radius: 6px;
}
.articleBodyMediaGrid .media-caption,
.articleBodySingleMedia .media-caption {
text-align: center;
font-size: 12px;
color: #666;
padding: 4px 0;
}

.articleBodySingleMedia {
max-width: 70%; /* ← CHANGE THIS to resize single body images */
margin: 8px auto;
display: block;
}
.articleBodySingleMedia img {
width: 100%;
height: auto !important;
object-fit: initial !important;
display: block;
border-radius: 6px;
}
.articleBodySingleMedia picture {
display: block;
}
.articleBodySingleMedia picture img {
width: 100%;
height: auto !important;
object-fit: initial !important;
display: block;
border-radius: 6px;
}
.articleBodyMediaGrid {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 8px auto;
max-width: 600px;
align-items: flex-start;
}
.articleBodyMediaGrid .media-item {
flex: 1 1 0;
min-width: 0;
max-width: 100%;
}
.articleBodyMediaGrid .media-item img {
width: 100%;
height: 450px; /* ← CHANGE THIS to adjust multi-image height */
object-fit: contain;
background: transparent;
display: block;
border-radius: 6px;
}
.articleBodyMediaGrid .media-caption,
.articleBodySingleMedia .media-caption {
text-align: center;
font-size: 12px;
color: #666;
padding: 4px 0;
}