common/app/views/fragments/immersiveGarnettMainMedia.scala.html [24:69]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    ">
        <div class="gs-container immersive-main-media__logo">

            @if(isTheMinuteArticle) {
                @badgeFor(page.item).map { badge =>
                    <div class="badge-slot">
                        <a href="@LinkTo {/@badge.seriesTag}">
                            <img class="badge-slot__img" src="@badge.imageUrl" alt=""/>
                            <span class="u-h">View more @Localisation(page.item.content.sectionLabelName.getOrElse("")) articles</span>
                        </a>
                    </div>
                }
            }

        </div>
        <div class="immersive-main-media__media">
            @if(page.item.elements.hasMainPicture) {
                @page.item.elements.mainPicture.map(_.images).orElse(page.item.trail.trailPicture).map { picture =>
                    @fragments.image(
                        picture = picture,
                        classes = Seq("immersive-main-media__media"),
                        widths = MainMedia.immersive,
                        imageAltText = "",
                        isImmersiveMainMedia = true
                    )
                }
            } else {
                @if(hasMainMedia) {
                    <div class="immersive-main-media__media__loading">
                        <div class="immersive-main-media__loading-animation is-updating"></div>
                        <span class="u-h">Loading header</span>
                    </div>
                    @page.item match {
                        case article: model.Article => {
                            @ImmersiveMainCleaner(article, article.fields.main)
                        }
                        case content => {
                            @Html(content.fields.main)
                        }
                    }
                }
            }
        </div>

        @if(isTheMinuteArticle) {
            <div class="content--minute-article--overlay"></div>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



common/app/views/fragments/immersiveMainMedia.scala.html [24:69]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    ">
        <div class="gs-container immersive-main-media__logo">
            @if(isTheMinuteArticle) {
                @badgeFor(page.item).map { badge =>
                    <div class="badge-slot">
                        <a href="@LinkTo {/@badge.seriesTag}">
                            <img class="badge-slot__img" src="@badge.imageUrl" alt=""/>
                            <span class="u-h">View more @Localisation(page.item.content.sectionLabelName.getOrElse("")) articles</span>
                        </a>
                    </div>
                }
            }

        </div>
        <div class="immersive-main-media__media">
            @if(page.item.elements.hasMainPicture) {
                @page.item.elements.mainPicture.map(_.images).orElse(page.item.trail.trailPicture).map { picture =>
                    @fragments.image(
                        picture = picture,
                        classes = Seq("immersive-main-media__media"),
                        widths = MainMedia.immersive,
                        imageAltText = "",
                        isImmersiveMainMedia = true
                    )
                }
            } else {
                @if(hasMainMedia) {
                    <div class="immersive-main-media__media__loading">
                        <div class="immersive-main-media__loading-animation is-updating"></div>
                        <span class="u-h">Loading header</span>
                    </div>
                    @page.item match {
                        case article: model.Article => {
                            @ImmersiveMainCleaner(article, article.fields.main)
                        }
                        case content => {
                            @Html(content.fields.main)
                        }
                    }
                }
            }
        </div>


        @if(isTheMinuteArticle) {
            <div class="content--minute-article--overlay"></div>
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -