My pursuit for an answer has hit a dead end... I'm currently attempting to insert images as preview images for a link; the images and link become visible with a javascript command triggered by pressing an icon. However, despite my efforts, the image refuses to resize no matter what I attempt. Every solution I explored so far has failed to work. Here's the relevant code:
html.body {
height: 100%;
}
.sectionbox {
position: absolute;
margin: auto;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;
height: 100%;
text-align: center;
display: flex;
flex-direction: column;
}
.bigiconlinkbox_above {
background-image: url('/images/bg1_top.png');
background-position: bottom;
position: relative;
padding-top: 32px;
text-align: center;
flex: 1;
}
... // [Code continues but is disguised for brevity]
Note: Deadline for completion is New Year's Day.