<kendo-scrollview name="scrollview_TGH" content-height="100%" style="position: relative; top: 46px; height:640px; width:100vw; max-width: 100%;">
        <items>
            <scrollview-item>
                <content>
                  <div class='photo photo1'></div>
                </content>
            </scrollview-item>
            <scrollview-item>
                <content>
                  <div class='photo photo2'></div>
                </content>
            </scrollview-item>
        </items>
</kendo-scrollview>

<style>
    .photo {
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        width: inherit;
        height: inherit;
    }

    .photo1 {
        background-image: url('@Url.Content("~/images/1.jpg" )');
    }

    .photo2 {
        background-image: url('@Url.Content("~/images/2.jpg")');
    }
</style>