Answer by SG_Rowin for have text before or on image depending on screen size

Try using "Top" and "Left" instead of margin-left and margin-top. Also add absolute position to your default content class:

 @media screen and (min-width: 600px) {  .content {     left: 10%;     top: -15%;     position: absolute;  }}.content {  background-color: red;  top: 10px;  left: 10px;  z-index: 15;  position: absolute;}