To achieve the desired layout where the container div is slightly larger than the image without stretching to full width, you should avoid using classes like w-100 or w-auto, which can behave unpredictably depending on the context. Instead, wrap your component in a div styled with display: inline-block and some padding (e.g., padding: 2rem). This allows the container to naturally size itself around the image while still providing the padding effect you want. Removing the w-100 ensures the container doesn’t stretch across the full width of its parent, and using inline-block makes the container shrink-wrap its content. This approach works well in Vuetify and is framework-agnostic.