How to position an image over <table>?
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>#board{
    width: 94%;
    height: 94%;
    border: .4rem solid #000;
    margin: auto;
    margin-top: 1.7%;
    background-color: green;
    border: .4rem solid #000;
    margin: auto;
    margin-top: 1.7%;
    background-color: green;
    position: relative;
}

tr{
    width:100%;
    height: 10%;
    float: left;
    padding: 0 ! important;
    vertical-align: middle;
}
.col{
    padding: 0 ! important;
    width: 10%;
    height: 100%;
    float: left;
    z-index: 890;
}
.odd{
    background-color: green;
}
.even{
    background-color: #fff;
}
/*#rw-one,#rw-three,#rw-five,#rw-seven,#rw-nine{
    /*width: 100%;
    height: 100%;*//*
    z-index: 999;
    background-color: red;
}*/
table{
    border-spacing: 0;
    width:100%;
    height: 100%;
    background-color: orange;
    text-align:center;
}

.nmbr{
    font-size: 1rem;
    font-weight: 100;
    text-shadow: 1px 1px 7px yellow;
    margin-top: 26% ! important;
    float: left;
    margin-left: 34%;
    font-family: fantasy;
}
td,tr{
    border-spacing: 0;
}

#rw-ten .nmbr{
  margin-left: 37%;
}

.lddr,.snk{
    /*position:fixed;*/
    z-index: 990;
    float: left;
    position: absolute;
}
#lddr1{
    width: 3%;
    height: 39%;
    transform: rotate(42deg);
    margin-top: calc(2% + 308px);
    margin-left: calc(2% + 57px);
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="board"&gt;
                        &lt;table&gt;
                            &lt;tr id="rw-one"&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;100&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;99&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;98&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;97&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;96&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;95&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;94&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;93&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;92&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;91&lt;/span&gt;&lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-two"&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;81&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;82&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;83&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;84&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;85&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;86&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;87&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;88&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;89&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;90&lt;/span&gt; &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-three"&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;80&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;79&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;78&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;77&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;76&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;75&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;74&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;73&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;72&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;71&lt;/span&gt; &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-four"&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;61&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;62&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;63&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;64&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;65&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;66&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;67&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;68&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;69&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;70&lt;/span&gt; &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-five"&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;60&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;59&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;58&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;57&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt; &lt;span class="nmbr"&gt;56&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;55&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;54&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;53&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;52&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;51&lt;/span&gt;&lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-six"&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;41&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;42&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;43&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;44&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;45&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;46&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;47&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt; &lt;span class="nmbr"&gt;48&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;49&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt; &lt;span class="nmbr"&gt;50&lt;/span&gt;&lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-seven"&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;40&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;39&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;38&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt; &lt;span class="nmbr"&gt;37&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt; &lt;span class="nmbr"&gt;36&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;35&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;34&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;33&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;32&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;31&lt;/span&gt; &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-eight"&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;21&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;22&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;23&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;24&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;25&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt; &lt;span class="nmbr"&gt;26&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;27&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt; &lt;span class="nmbr"&gt;28&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;29&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;30&lt;/span&gt; &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-nine"&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;20&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;19&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;18&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;17&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;16&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;15&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;14&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;13&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt; &lt;span class="nmbr"&gt;12&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;11&lt;/span&gt; &lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;tr id="rw-ten"&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;1&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;2&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;3&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="odd col"&gt; &lt;span class="nmbr"&gt;4&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;5&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;6&lt;/span&gt;&lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;7&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;8&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="even col"&gt;&lt;span class="nmbr"&gt;9&lt;/span&gt; &lt;/td&gt;
                                &lt;td class="odd col"&gt;&lt;span class="nmbr"&gt;10&lt;/span&gt;&lt;/td&gt;
                            &lt;/tr&gt;
                            &lt;section id="laddr-container"&gt;
                                &lt;img src=" https://i.stack.imgur.com/uFLzI.png" class="lddr" id="lddr1"&gt;
                            &lt;/section&gt;
                        &lt;/table&gt;
  &lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>In the above code I'm trying to create a snake and ladder board. I need to be fix the ladder from 1 to 38. I tried to implement that  by setting different position property of ladder, but that didn't help me, which is varying according to screen change. Is anyone able to help me to fix this ladder from 1 to 38 in all windows?     </p>