body {
font-family: Figtree;
margin: 0;
padding: 0;
background-color: GB #f9f9f9;
}
.video-grid {
display: grid;
grid-template-columns: auto auto;
gap: 20px;
padding: 20px;
}
.video-item {
background-color: #fff;
overflow: hidden;
}
.thumbnail {
position: relative;
}
.thumbnail img {
width: 100%;
display: block;
}
.play-button {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://jaigalagali.com/wp-content/uploads/2024/12/play_button_arrowhead.png);
background-position: center;
background-size: 60px;
background-repeat: no-repeat;
}
.play-button::after { }
.details {
padding: 15px 0px;
text-align: left;
}
.title {
font-size: 28px;
color: #88271A;
font-weight: 500;
margin: 0 0 5px;
}
.date {
font-size: 16px;
color:  #88271A;
font-weight: 400;
margin: 0;
}
.rightside{margin-top:30%;}
.thumbnail .grid-items  .v-box::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(https://jaigalagali.com/wp-content/uploads/2024/12/play_button_arrowhead.png);
background-position: center;
background-size: 60px;
background-repeat: no-repeat;
}
.thumbnail .grid-items  .v-box {
position: relative;
transition: 0.3s all ease-in-out;
}
.hidden {
display: none;
}
@media only screen and (max-width: 781px){
.rightside {
margin-top: 0%;
}
.thumbnail .grid-items  .v-box::before {background-size: 40px;}
.video-grid {
display: grid;
grid-template-columns: auto;
gap: 20px;
padding: 20px;}
}