styles.css

.Container {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    min-height: 100vh;
}
.TvColumn,
.StatisticsColumn {
    flex: 1;
    flex-direction: column;
    align-items: center; 
    justify-content: center;
    display: flex;
    margin: 1%;
}

.TvBox {
    background-size: 100% 100%;
    background-image: url("images/tv.jpg");
    position: relative;
    margin: 20px; /* Add spacing between TV boxes */
    height: 100%;
    width: 100%;
}

.Rectangle {
    position: relative;
}

.Evidence {
    object-fit: cover; /* Ensure the image covers the container */
}

.Statistics {
    background-size: 100% 100%;
    background-image: url("images/paper.jpg");
    position: relative;
}
/* Styles for the four columns at the bottom */
.Column-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
}
.Column {
    flex: 1;
    background-color: #F4F0E8;
    margin: 5px;
    padding: 10px;
}

.Bar {
    transition: height 0.5s;
    width: 25%;
}

.title{
    text-align: center;
}

.Public-opinion{
    display: block;
    align-content: center;
}