@media screen and (max-width: 470px) {
    body {
        padding: 10px 10px 0px 10px;
    }

  main {
      flex-direction: column;
      height: 100vh;
      margin-bottom: 100px;
}

#section-image {
    background: var(--white) url(../images/image-product-mobile.jpg) no-repeat
    center center/cover;
    width: 100%;
    background-attachment: scroll;
}

  #section-image img {
      width: 100%;
    height: 50%;
}

  #section-content {
    width: 100%;
    padding-top: 0;
    gap: 20px;
    padding-bottom: 10px;
}
}