Align down a photo to the div and maintain responsivity
12:51 04 Apr 2024

I am asking for your help because I am having difficulties via css to handle this situation. My goal is to create via css something like this. Here is the link https://ibb.co/gd5Rccw. enter image description here

I have tried to implement on codepen but I am having a hard time to handle then responsive.

.container {
       border: 1px solid #DDDDDD;
       background-color: #789456;
       max-width: 1920px;
       height: 600px;
       position: relative;
       margin:auto;
      border-radius: 35px;
    }
    
.tag {
   float: left;
   position: absolute;
   left: 0px;
   bottom: 0px;
   z-index: 1000;
   background-color: #92AD40;
   padding: 5px;
   color: #FFFFFF;
   font-weight: bold;
}

h1 {
  position:absolute;
  right:0;
  bottom:0;
}



       
       
Title

css