diff --git a/main/inc/lib/javascript/ckeditor/plugins/image2_chamilo/dialogs/image2_chamilo.js b/main/inc/lib/javascript/ckeditor/plugins/image2_chamilo/dialogs/image2_chamilo.js
index 17a58dbd21..cd69b27ccb 100644
--- a/main/inc/lib/javascript/ckeditor/plugins/image2_chamilo/dialogs/image2_chamilo.js
+++ b/main/inc/lib/javascript/ckeditor/plugins/image2_chamilo/dialogs/image2_chamilo.js
@@ -551,7 +551,7 @@ CKEDITOR.dialog.add( 'image2_chamilo', function( editor ) {
 								img = widget.element.$.firstChild;
 							}
 
-                            img.className += ' img-responsive ';
+                            img.className += ' img-fluid ';
 							widget.setData( 'isResponsive', this.getValue() );
                         }
 					}
diff --git a/main/inc/lib/javascript/ckeditor/plugins/image2_chamilo/plugin.js b/main/inc/lib/javascript/ckeditor/plugins/image2_chamilo/plugin.js
index 4571415e10..d1a3c1f9c2 100644
--- a/main/inc/lib/javascript/ckeditor/plugins/image2_chamilo/plugin.js
+++ b/main/inc/lib/javascript/ckeditor/plugins/image2_chamilo/plugin.js
@@ -347,7 +347,7 @@
 
 				this.parts.image.setAttributes( {
 					src: this.data.src,
-					class: this.data.isResponsive ? 'img-responsive' : '',
+					class: this.data.isResponsive ? 'img-fluid' : '',
 
 					// This internal is required by the editor.
 					'data-cke-saved-src': this.data.src,
@@ -394,7 +394,7 @@
 						alt: image.getAttribute( 'alt' ) || '',
 						width: image.getAttribute( 'width' ) || '',
 						height: image.getAttribute( 'height' ) || '',
-						isResponsive: !!image.$.className.match(/img-responsive/i),
+						isResponsive: !!image.$.className.match(/img-fluid/i),
 						// Lock ratio is on by default (#10833).
 						lock: this.ready ? helpers.checkHasNaturalRatio( image ) : true,
 						borderWidth: !this.parts.caption ? image.getStyle('border-width') : '',