.recent_news_div{
      display: flex;
      flex-flow: column;
}
.rec_news_img{
      height: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
      position: relative;
      border-radius: 20px;
}
.floater_news{
      position: absolute;
      right: 10px;
      bottom: 10px;
}
.rec_news_img img{
      width: 100%;
      transition: 1s;
}
.rec_news_img img:hover{
      transform: scale(1.1);
      transition: all 1s ease;
}
.rec_news_text{
      display: flex;
      flex-flow: column;
      gap: 10px;
      padding: 10px;
}

@media screen and (min-width : 800px) {
      .recent_news_div{
            flex-flow: row-reverse;
      }
      .rec_news_img{
            width: 40%;
            border-radius: 0 20px 20px 0;
            height: 280px;
      }
      .rec_news_text{
            width: 60%;
            justify-content: center;
      }
}