<div class="detailmodule_html"><div class="detail-desc-decorate-richtext"><div class="a-section a-spacing-large bucket" id="aplus"> &nbsp; </div> <div class="a-section a-spacing-large bucket" id="aplus"> <div cel_widget_id="aplus" class="aplus-v2 desktop celwidget"> <div cel_widget_id="aplus-premium-module-2-fullbackground-image" class="celwidget aplus-module premium-module-2-fullbackground-image aplus-premium"> <div class="a-section a-spacing-none premium-aplus premium-aplus-module-2"> <div class="a-section a-text-center"> <h1 class="a-size-large a-spacing-none" id="title" style="box-sizing: border-box; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; text-rendering: optimizelegibility; font-weight: 400; font-size: 24px !important; line-height: 32px !important; color: rgb(15, 17, 17); font-family: &quot;Amazon Ember&quot;, Arial, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"><span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:16px;"><strong><span class="a-size-large product-title-word-break" id="productTitle" style="box-sizing: border-box; text-rendering: optimizelegibility; word-break: break-word; line-height: 32px !important;">17" Round Storage Ottoman with Lid - Natural, Handwoven Water Hyacinth Footstool for Living Room, Bedroom, Bathroom, Home Office</span></strong></span></span></h1> <span style="font-family:Arial,Helvetica,sans-serif;"><span style="font-size:16px;"><strong> </strong></span></span> <br> &nbsp; <div class="celwidget" data-cel-widget="productOverview_feature_div" data-csa-c-asin="B0C8BNR2NL" data-csa-c-content-id="productOverview" data-csa-c-id="8bhrc6-uszrnb-ku0brf-i0ngeh" data-csa-c-is-in-initial-active-row="false" data-csa-c-slot-id="productOverview_feature_div" data-csa-c-type="widget" data-feature-name="productOverview" id="productOverview_feature_div" style="box-sizing: border-box; color: rgb(15, 17, 17); font-family: &quot;Amazon Ember&quot;, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> <div class="a-expander-collapsed-height a-row a-expander-container a-spacing-none a-expander-partial-collapse-container" data-a-expander-collapsed-height="210" data-a-expander-name="product_overview" id="poExpander" style="box-sizing: border-box; width: 298.34px; margin-bottom: 0px !important; overflow: hidden; position: relative; max-height: none; height: auto;"> <div class="a-expander-content a-expander-partial-collapse-content a-expander-content-expanded" data-expanded="true" style="box-sizing: border-box; overflow: hidden; position: relative; padding-bottom: 24px;"> <div class="a-section a-spacing-small a-spacing-top-small" style="box-sizing: border-box; margin-bottom: 0px; margin-top: 8px !important;"> <table class="a-normal a-spacing-micro" role="list" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 298.34px;"> <tbody style="box-sizing: border-box;"> <tr class="a-spacing-small po-item_depth_width_height" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Product Dimensions</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">17.75"D x 17.75"W x 17.5"H</span></td> </tr> <tr class="a-spacing-small po-color" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Color</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Natural</span></td> </tr> <tr class="a-spacing-small po-fabric_type" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Fabric Type</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Fabric</span></td> </tr> <tr class="a-spacing-small po-base.material" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Base Material</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Wood</span></td> </tr> <tr class="a-spacing-small po-frame.material" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Frame Material</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Acacia</span></td> </tr> <tr class="a-spacing-small po-seat.height" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Seat Height</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">17.12 Inches</span></td> </tr> <tr class="a-spacing-small po-care_instructions" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Product Care Instructions</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Wipe with Dry Cloth</span></td> </tr> <tr class="a-spacing-small po-maximum_weight_recommendation" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 3px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Maximum Weight Recommendation</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 3px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">250 Pounds</span></td> </tr> <tr class="a-spacing-small po-is_assembly_required" role="listitem" style="box-sizing: border-box; margin-bottom: 8px !important;"> <td class="a-span3" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 0px 0px; float: none !important; margin-right: 0px; width: 118.691px;"><span class="a-size-base a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important;">Assembly Required</span></td> <td class="a-span9" role="presentation" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 0px 3px; float: none !important; margin-right: 0px; width: 179.648px;"><span class="a-size-base po-break-word" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">No</span></td> </tr> </tbody> </table> </div> </div> <div class="a-expander-header a-expander-partial-collapse-header" id="poToggleButton" style="box-sizing: border-box; outline: 0px; position: absolute; bottom: 0px; width: 298.34px; background-color: var(--__dChNmAmGoMXsPxT,#fff); z-index: 2; opacity: 1; display: block;"> <a class="a-declarative" data-a-expander-toggle="{&quot;allowLinkDefault&quot;:true, &quot;expand_prompt&quot;:&quot;See more&quot;, &quot;collapse_prompt&quot;:&quot;See less&quot;}" data-action="a-expander-toggle" href="" role="button" style="box-sizing: border-box; text-decoration: none; color: var(--__dChsbGMXsw4B,#2162a1); display: inline-block; min-height: 24px; align-content: center;"><i class="a-icon a-icon-extender-collapse" style="box-sizing: border-box; font-style: italic; background-image: none; background-size: 400px 900px; background-repeat: no-repeat; display: inline-block; vertical-align: baseline; position: relative; margin-right: 0.385em; width: 7px; height: 7px; background-position: -94px -293px; border-style: solid; border-color: rgb(15, 17, 17); border-image: initial; border-width: 0px 2px 2px 0px; padding: 3px; opacity: 1; margin-left: 2px; transform: rotate(-135deg); margin-top: -1px;"></i><span class="a-expander-prompt" style="box-sizing: border-box; overflow-wrap: break-word;">See less</span></a> </div> </div> <div class="a-section a-spacing-top-base" id="glance_icons_div" style="box-sizing: border-box; margin-top: 12px !important; margin-bottom: 0px;"> <hr aria-hidden="true" class="a-divider-normal" style="box-sizing: border-box; background-color: transparent; border-color: var(--__dChNmAwPaMXsTxp,#d5d9d9); border-width: 1px 0px 0px; border-top-style: solid; display: block; height: 1px; line-height: 19px; margin-bottom: 14px; margin-top: 0px;"> <table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 298.34px;"> <tbody style="box-sizing: border-box;"> <tr class="a-spacing-base" style="box-sizing: border-box; margin-bottom: 12px !important;"> <td class="a-span6" style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 3px 0px; float: none !important; margin-right: 0px; width: 156.406px;"> <table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 153.418px;"> <tbody style="box-sizing: border-box;"> <tr style="box-sizing: border-box;"> <td style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 0px 0px; width: 39px;">&nbsp;</td> <td style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 0px 3px;"><span class="a-size-base handle-overflow a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Top Material Type</span><br style="box-sizing: border-box;"> <span class="a-size-base handle-overflow" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Water Hyacinth</span></td> </tr> </tbody> </table> </td> <td class="a-span6" style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 3px 3px; float: none !important; margin-right: 0px; width: 141.934px;"> <table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 138.945px;"> <tbody style="box-sizing: border-box;"> <tr style="box-sizing: border-box;"> <td style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 0px 0px; width: 39px;">&nbsp;</td> <td style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 0px 3px;"><span class="a-size-base handle-overflow a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Base Type</span><br style="box-sizing: border-box;"> <span class="a-size-base handle-overflow" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Legs</span></td> </tr> </tbody> </table> </td> </tr> <tr class="a-spacing-base" style="box-sizing: border-box; margin-bottom: 12px !important;"> <td class="a-span6" style="box-sizing: border-box; vertical-align: top; padding: 3px 3px 0px 0px; float: none !important; margin-right: 0px; width: 156.406px;"> <table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 153.418px;"> <tbody style="box-sizing: border-box;"> <tr style="box-sizing: border-box;"> <td style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 0px 0px; width: 39px;">&nbsp;</td> <td style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 0px 3px;"><span class="a-size-base handle-overflow a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Shape</span><br style="box-sizing: border-box;"> <span class="a-size-base handle-overflow" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Round</span></td> </tr> </tbody> </table> </td> <td class="a-span6" style="box-sizing: border-box; vertical-align: top; padding: 3px 0px 0px 3px; float: none !important; margin-right: 0px; width: 141.934px;"> <table class="a-normal" style="box-sizing: border-box; margin-bottom: 0px !important; border-collapse: collapse; width: 138.945px;"> <tbody style="box-sizing: border-box;"> <tr style="box-sizing: border-box;"> <td style="box-sizing: border-box; vertical-align: top; padding: 0px 3px 0px 0px; width: 39px;">&nbsp;</td> <td style="box-sizing: border-box; vertical-align: top; padding: 0px 0px 0px 3px;"><span class="a-size-base handle-overflow a-text-bold" style="box-sizing: border-box; font-weight: var(--__SARCET4AB,700) !important; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">Item Weight</span><br style="box-sizing: border-box;"> <span class="a-size-base handle-overflow" style="box-sizing: border-box; font-size: 14px !important; line-height: 20px !important; word-break: break-word;">12.7 Pounds</span></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> <div class="celwidget" data-cel-widget="productDetailsVoyagerIngress_feature_div" data-csa-c-asin="B0C8BNR2NL" data-csa-c-content-id="productDetailsVoyagerIngress" data-csa-c-id="7gff36-cjfab2-bc25ha-5xawwz" data-csa-c-is-in-initial-active-row="false" data-csa-c-slot-id="productDetailsVoyagerIngress_feature_div" data-csa-c-type="widget" data-feature-name="productDetailsVoyagerIngress" id="productDetailsVoyagerIngress_feature_div" style="box-sizing: border-box; color: rgb(15, 17, 17); font-family: &quot;Amazon Ember&quot;, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> &nbsp; </div> <div class="celwidget" data-cel-widget="featurebullets_feature_div" data-csa-c-asin="B0C8BNR2NL" data-csa-c-content-id="featurebullets" data-csa-c-id="be21ue-wiuz58-kkhtm3-btpkq2" data-csa-c-is-in-initial-active-row="false" data-csa-c-slot-id="featurebullets_feature_div" data-csa-c-type="widget" data-feature-name="featurebullets" id="featurebullets_feature_div" style="box-sizing: border-box; color: rgb(15, 17, 17); font-family: &quot;Amazon Ember&quot;, Arial, sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;"> <div class="a-section a-spacing-medium a-spacing-top-small" id="feature-bullets" style="box-sizing: border-box; margin-top: 8px !important; margin-bottom: 0px;"> <hr aria-hidden="true" class="a-divider-normal" style="box-sizing: border-box; background-color: transparent; border-color: var(--__dChNmAwPaMXsTxp,#d5d9d9); border-width: 1px 0px 0px; border-top-style: solid; display: block; height: 1px; line-height: 19px; margin-bottom: 14px; margin-top: 0px;"> <h2 class="a-size-base-plus a-text-bold" style="box-sizing: border-box; padding: 0px 0px 4px; margin: 0px; text-rendering: optimizelegibility; font-weight: 700 !important; font-size: 1.25rem !important; line-height: 24px !important; color: rgb(15, 17, 17) !important; font-family: &quot;Amazon Ember&quot; !important;">About this item</h2> <ul class="a-unordered-list a-vertical a-spacing-mini" style="box-sizing: border-box; margin: 0px 0px 0px 18px; color: var(--__dChNmAmGoMXsw4B,#0f1111); padding: 0px;"> <li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__dChNmAmGoMXsw4B,#0f1111);">Stylish and eco-friendly: Crafted from sustainable water hyacinth, this handwoven storage ottoman adds a touch of nature's beauty to your living space. Water hyacinth is known for its rapid growth and renewability, making it an eco-conscious choice for furniture.</span></li> <li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__dChNmAmGoMXsw4B,#0f1111);">Acacia wood feet: Designed with Acacia wooden feet, which ensure stability and durability for years to come. The wood's natural grain patterns and warm tones beautifully contrast with the water hyacinth weave, adding to the overall charm of this piece.</span></li> <li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__dChNmAmGoMXsw4B,#0f1111);">Decorative storage solution: Experience the convenience of a clutter-free living space with this ottoman's ample storage capacity. The removable lid reveals a spacious interior with a removable fabric liner. This ottoman is perfect for stowing away blankets, magazines, and more.</span></li> <li class="a-spacing-mini" style="box-sizing: border-box; list-style: disc; overflow-wrap: break-word; margin: 0px;"><span class="a-list-item" style="box-sizing: border-box; color: var(--__dChNmAmGoMXsw4B,#0f1111);">Versatile design: Designed with versatility in mind, this piece of accent furniture can serve as a storage ottoman to conceal items, a comfortable footrest after a long day, or a decorative accent piece; this ottoman footstool has you covered.</span></li> </ul> </div> </div> <span style="font-family:Arial,Helvetica,sans-serif;"> <span style="font-size:16px;"><strong></strong></span></span> <br> <br> </div> </div> </div> </div> </div> <style type="text/css">.aplus-v2 .container-with-background-image { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } </style> <style type="text/css">.aplus-v2 .apm-brand-story-carousel-container { position: relative; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container &gt; div { position: absolute; width: 100%; } </style> <style type="text/css">/* Ensuring the carousel takes only the space it needs. The sizes need to be set again on the absolutely positioned elements so they can take up space. */ .aplus-v2 .apm-brand-story-carousel-container, .aplus-v2 .apm-brand-story-carousel-hero-container { height: 625px; width: 100%; max-width: 1464px; margin-left: auto; margin-right: auto; overflow: hidden; } .aplus-v2 .apm-brand-story-carousel-hero-container, .aplus-v2 .apm-brand-story-carousel-hero-container &gt; div { height: 625px; } </style> <style type="text/css">.aplus-v2 .apm-brand-story-carousel.a-carousel-container { padding: 0px; } /* This centers the carousel vertically on top of the hero image container and after the logo area (125px). Margin-top = (heroHeight - cardHeight - logoAreaHeight) / 2 + logoAreaHeight */ .aplus-v2 .apm-brand-story-carousel .a-carousel-row-inner { margin-top: 149px; } /* Cards need to have a width set, otherwise they default to 50px or so. All cards must have the same width. The carousel will resize itself so all cards take the width of the largest card. The left margin is for leaving a space between each card. */ .aplus-v2 .apm-brand-story-carousel .a-carousel-card { width: 362px; margin-left: 30px !important; } /* styling the navigation buttons so they are taller, flush with the sides, and have a clean white background */ .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right { padding: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image { border: none; margin: 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner, .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { background: #fff; padding: 20px 6px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-left .a-button-image .a-button-inner { border-radius: 0px 4px 4px 0px; } .aplus-v2 .apm-brand-story-carousel .a-carousel-col.a-carousel-right .a-button-image .a-button-inner { border-radius: 4px 0px 0px 4px; } </style> <style type="text/css">.aplus-v2 .container-with-background-image { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } </style></div></div>