/* Images inserted into custom product tabs via the WordPress media
   library should always scale down to fit their container instead of
   overflowing it or breaking the page layout on smaller screens. */
.wc-cpt-tab-panel-content img {
    max-width: 100%;
    height: auto;
}

/* WordPress adds these alignment classes when an image is inserted with
   an alignment option; keep them working nicely inside the tab panel. */
.wc-cpt-tab-panel-content .alignleft {
    float: left;
    margin: 0 20px 20px 0;
}

.wc-cpt-tab-panel-content .alignright {
    float: right;
    margin: 0 0 20px 20px;
}

.wc-cpt-tab-panel-content .aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.wc-cpt-tab-panel-content .wp-caption {
    max-width: 100%;
}

.wc-cpt-tab-panel-content .wp-caption img {
    display: block;
}

.wc-cpt-tab-panel-content .wp-caption-text {
    font-size: 0.85em;
    color: #666;
    text-align: center;
    margin-top: 5px;
}