<!DOCTYPE html>

<html>

<head>

    <title>Do's and Don'ts</title>

    <style>

        table {

            width: 80%;

            margin: auto;

            border-collapse: collapse;

        }

        td, th {

            text-align: center;

            padding: 10px;

            border: 2px solid black;

        }

        img {

            width: 100px;

            height: 100px;

        }

        .main-image {

            height: 300px;

            width: 150px;

        }

        .footer {

            background-color: lightcoral;

            padding: 10px;

        }

    </style>

</head>

<body bgcolor="lightyellow">

    <table>

        <tr>

            <th bgcolor="lightgreen">Do's</th>

            <th rowspan="4">

                <img src="https://via.placeholder.com/150x300" alt="Main Image" class="main-image"><br>Main Image

            </th>

            <th bgcolor="lightgreen">Don'ts</th>

        </tr>

        <tr>

            <td><img src="https://via.placeholder.com/100" alt="Wash Hands"><br>Wash Hands</td>

            <td><img src="https://via.placeholder.com/100" alt="Avoid Crowd"><br>Avoid Crowd</td>

        </tr>

        <tr>

            <td><img src="https://via.placeholder.com/100" alt="Keep Social Distancing"><br>Keep Social Distancing</td>

            <td><img src="https://via.placeholder.com/100" alt="Avoid Handshake"><br>Avoid Handshake</td>

        </tr>

        <tr>

            <td><img src="https://via.placeholder.com/100" alt="Wear Mask"><br>Wear Mask</td>

            <td><img src="https://via.placeholder.com/100" alt="Avoid Touching Eyes"><br>Avoid Touching Eyes</td>

        </tr>

        <tr>

            <td colspan="3" class="footer"><h2>PREVENTION IS BETTER THAN CURE</h2></td>

        </tr>

    </table>

</body>

</html>