Seeking a contemporary method to match a table with a background image, ensuring all content scales proportionally. Mobile visibility is not a concern for this specific project. Using Wordpress with a starter bootstrap theme. Check out the code on jsfiddle: https://jsfiddle.net/atomikdog/6m5h2wa0/26/
.entry-content {
background-image: url("https://i.postimg.cc/R0rR2qmp/bg-report-test-1500x2023.png");
background-size: 100% auto;
background-repeat: no-repeat;
min-height: 1700px;
margin: 0 0 0 0;
border: 1px dashed yellow;
}
.test {
padding: 0 0 0 0;
width: 77%;
margin-top: 37px;
border: 1px dashed cyan;
}
.row {
border: 1px dashed green;
}
table {
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}
td {
font-size: 2vw;
border: 1px solid red;
}
.col53 {
width: 53%;
}