|
@@ -24,10 +24,19 @@
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
@media (min-width:768px) {
|
|
|
- .new-img{
|
|
|
+ .new-img-box{
|
|
|
width: 60%!important;
|
|
|
flex-shrink: 0;
|
|
|
height: 100%;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .new-img-box .news-img{
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
}
|
|
|
.card{
|
|
|
height: 350px!important;
|
|
@@ -35,9 +44,18 @@
|
|
|
}
|
|
|
}
|
|
|
@media (max-width:769px) {
|
|
|
- .new-img{
|
|
|
+ .new-img-box{
|
|
|
height: 300px;
|
|
|
width: 100%!important;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .new-img-box .news-img{
|
|
|
+ width: auto;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
}
|
|
|
.content-text{
|
|
|
display: none!important;
|
|
@@ -71,11 +89,13 @@
|
|
|
<div class="col">
|
|
|
<div class="card flex-column flex-md-row flex-lg-row flex-xl-row"
|
|
|
style="border: none;--bs-card-color:rgb(137,137,137);--bs-border-radius:0">
|
|
|
- <img class="card-img-top d-block fit-cover new-img"
|
|
|
- src="{dreamer-cms:template /}assets/img/none.png"
|
|
|
- data-aos="zoom-in" data-aos-duration="800" data-aos-once="true"
|
|
|
- data-src="[field:litpic/]"
|
|
|
- loading="lazy">
|
|
|
+ <div class="new-img-box" style="overflow: hidden;">
|
|
|
+ <img class="card-img-top d-block fit-cover news-img"
|
|
|
+ src="{dreamer-cms:template /}assets/img/none.png"
|
|
|
+ data-aos="zoom-in" data-aos-duration="800" data-aos-once="true"
|
|
|
+ data-src="[field:litpic/]"
|
|
|
+ loading="lazy"/>
|
|
|
+ </div>
|
|
|
<div class="card-body p-2 p-md-4" style="display: flex;flex-direction: column;justify-content: space-between;">
|
|
|
<div>
|
|
|
<h4 class="card-title">[field:title/]</h4>
|