Consider the following snippet of code:

section $\{$

background$-$image: url$($globe$.$png$)$;

background$-$repeat: no$-$repeat;

background$-$size: contain;

resize: both;

overflow: auto;

What user interaction does this code support?

A $0$ The user can resize both the height and width of the section element, excluding the image.

B

The user can resize both the height and width of the globe background image only.

C

The user can resize both the height and width of the section element if it overflows the parent boundary.

D

The user can resize both the height and width of the section element, including the image.