/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */

#gallery_box
{
position: relative;

box-sizing:border-box;

margin-top: var(--margin_top_value);
background: #323a48;

width: 100%;

border: var(--border_style);
border-radius: var(--outer_radius);

box-shadow: var(--box_shadow_style);

display: grid;
grid-template-columns: 1fr;
transition: height 1s, opacity 1s;

overflow: hidden;
}

#gallery_image_1
{
opacity: 0;
z-index: 20;
transition: height 1s, opacity 1s;
}

#gallery_image_2
{
opacity: 0;
z-index: 1;
transition: height 1s, opacity 1s;
}

#gallery_image_3
{
position: absolute;
opacity: 0;
z-index: 1;
}

.gallery_image
{

display: block;

position: relative;

box-sizing:border-box;

margin: 0;
padding: 0;

width: 100%;

background-color: black; /* Used if the image is unavailable */
background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size:cover;

border-radius: var(--inner_radius);

grid-row-start: 1;
grid-column-start: 1;
}

/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */