Image won't display properly

When I change my browser’s size the image isn’t shown in center, but it is shown properly in full view. How to make it more responsive? Here is the link

try the following changes to your css:

#img-position {
  position: relative;
  /* left: 525px; */
#img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;

1 Like