.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 div position: absolute width: 100% * 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 * 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, .Ap...
.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 div position: absolute width: 100% * ensuring the carousel takes only the space it needs. The sizes
