/* Reset default margins */
body {
margin: 0;
padding: 20px;
font-family: Arial, sans-serif;
}

/* Method 1: Using aligncenter class with proper CSS */
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

/* Alternative Method 2: Using a wrapper with text-align */
.image-wrapper-text-align {
text-align: center;
width: 100%;
}

/* Alternative Method 3: Using flexbox wrapper */
.image-wrapper-flex {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}

/* Make sure image is responsive */
img {
max-width: 100%;
height: auto;
}